Refero Styles 是一个由 @referodesign 构建的设计资料库，它从 2000 多个高知名度产品网站中提取并结构化视觉设计语言，生成可供 AI Agent 使用的 DESIGN.md 文件。开发者构建界面时，可以直接把这些风格参考注入 AI 的上下文。

自动化提取设计参数

这个工具解决的是 AI Agent 在设计决策中缺乏具体视觉参考的问题。它通过自动化方式分析 Apple、Linear、Stripe 等知名品牌网站，提取配色方案、字体、间距和组件样式等详细设计参数，再把这些数据组织成统一的、可机器读取的格式。

结构化之后，数据不再是模糊的图像，而是可以被计算系统直接理解和应用的模型。品牌色、文字大小、阴影深度这些核心视觉组成部分，都被转换成一个标准化的 Markdown 格式文件。

按任务匹配风格，而不是按品牌

Refero Styles 鼓励用户基于具体任务类型来选择参考网站，例如创建登陆页或仪表盘，而不是仅仅看品牌知名度。这样做的目的是让所选视觉风格在密度、语调和受众方面与即将开发的项目相匹配，从而提高最终输出的相关性。

把设计规则直接注入上下文

开发者可以把生成的 DESIGN.md 文件直接粘贴进 AI Agent 的上下文窗口，相当于给模型提供一份详细的视觉规则手册。Agent 在生成布局或建议样式时，可以参照这些已建立的行业标准，减少设计上的猜测，并保持视觉一致性。

这篇文章来自 meng shao，AI 初评分数为 83，归类在产品设计方向，涉及 UI 设计、设计系统、AI 工作流、提示工程和前端与 Web 等标签。