[ 01 / uidiy ]
↳ 2026UIDIY.
AI 原生 UI 组件平台 · 人类 + MCP 双层.

客户ccs studio
年份2026
角色设计 + 开发
周期6 周
技术栈Next.js · MCP Server
↳ 挑战
连接人类 + AI。
设计系统越来越成熟 — 但它们要么在人类那边(Figma、Tailwind),要么在 AI 那边(prompts、MCP),从不同时存在。UIDIY 需要做成一个组件平台:人类可以浏览,AI 也能查询同一套 UI 元件,用同一种语言。
真正的挑战不是代码 — 是造两扁门,让人觉得走的是同一座房子。
↳ 方法
两层,一个灵魂。
Layer 1:公开可浏览的网站(Next.js 16 + ISR),人类挑、预览、复制组件。Layer 2:MCP server,把同一套组件以可调用工具的形式暴露给 AI agent,带完整 schema、变体、代码输出。
每个组件只写一次。重复自动发生。人类看到精致页面,agent 看到工具调用 — 都对着同一个真源。
↳ 交付
打磨交付,有手艺。
98Lighthouse 全维度分数
< 0.8sp75 分位 LCP 加载时长
0第三方追踪器数量
↳ 下一个项目