正在打开每日关注
正在打开每日关注
Refero Styles 将 2,000+ 产品的设计语言整理为可供编码 Agent 使用的 DESIGN.md。
Someone turned the design language of 2,000+ of the world’s best products into DESIGN.md files that Codex / Claude Code can read directly. Each file includes: → Colors and tokens → Typefaces, sizes, and weights → Spacing and page layouts → Component styling → Clear rules for what to use and what to avoid Linear, Notion, ElevenLabs, and Lamborghini are all included. Pick one that fits your product, drop it into the project, and have your agent build a new UI or align the existing one with those rules. The library is currently free to use: https://t.co/ulmNOXcznt
是什么 这不是单纯的灵感图库，而是把真实产品网站的视觉与交互特征抽象成可被编码 Agent 消费的 DESIGN.md 样例库。推文的论点链条是：优秀产品的设计语言可以拆成颜色、字体、间距、布局和组件规则；以结构化文本落地后，Agent 就能在生成或改造界面时直接引用，减少“会写代码但缺乏设计判断”的偏差。
核心设计 页面用搜索、风格标签和 Trending/Popular/Newest 组织 2,000+ 条内容；详情页把左侧真实网站预览与右侧 Markdown 规范并置，并提供 Compact/Extended、Tailwind v4、CSS Variables、Design Tokens 等入口及 Copy/下载操作，形成“实例—规则—代码消费”的链路。
关键洞察 它的价值不只是复制某个品牌，而是提供可检索的先例和明确约束：工程师可以先选视觉方向，再把 token、排版和组件边界注入项目上下文，让生成 UI 更一致，也能把审美偏好沉淀为团队资产。Refero MCP 则进一步指向让 Agent 在编码前检索真实页面与用户流程。
边界与风险 这些内容不等于完整源码、可访问性验证或品牌授权，页面归纳也可能遗漏响应式、状态、动效和业务约束。实际接入仍需校验版权、可用性、性能及与自身产品定位的匹配度。