北京
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 等标签。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
