DesignRef 组件参考注入器

把喜欢的网站真实组件喂给编码代理，告别千篇一律的 AI 界面

痛点

AI 编码代理生成的 UI 总是同一副样子：rounded-xl 卡片、slate-600 文字、某处一个渐变。说一句「做得像 Linear」没用，给截图也只能靠像素猜间距和颜色，代理很难真正记住一套设计系统，反复返回通用界面。

方案

一个浏览器扩展加 CLI：在任意网站上框选组件，抽取结构化的 DOM、Tailwind 类、配色和间距，存成可复用的「设计参考」；在编码代理中通过 MCP 或本地文件引用这些参考，让生成结果贴近真实站点的设计系统。

用户

用 Claude Code、Cursor 等编码代理做前端、又在意视觉质量的独立开发者和设计师

MVP

浏览器扩展框选组件并存为结构化参考；导出为 Tailwind 片段与设计 token；命令行工具把参考注入项目目录；MCP 服务让代理按需检索参考

变现

免费额度加订阅（约 8–15 美元/月），团队共享设计库更高档；可买断自托管版。

为何现在

编码代理写 UI 已成为主流工作流但输出同质化严重，MCP 让注入外部上下文变得标准且简单，独立开发者能快速切入。