Refero Styles

Refero Styles 是什么？#

Refero Styles 提供来自真实产品网站的 2000+ 套 AI 可读设计系统。每套设计系统包含颜色、排版、间距和组件，并配套可直接导入 Cursor、Claude Code、v0 或 Lovable 的 DESIGN.md 文件，让 AI 编程 Agent 拥有源自真实产品的设计品味。

Refero Styles 能做什么？#

• 01

  2000+ 设计系统

  来自头部产品网站的 AI 可读设计系统，持续更新收录新内容。

• 02

  完整设计资产

  每套包含颜色、排版、间距和组件，为 AI 代码生成提供完整的视觉上下文。

• 03

  即用型 DESIGN.md 文件

  可下载的 DESIGN.md 文件，格式兼容 Cursor、Claude Code、Codex、v0 和 Lovable。

• 04

  Refero MCP 集成

  通过 Refero MCP 连接，让 AI Agent 直接访问数千个产品界面和用户流。

• 05

  真实产品参考

  设计系统均从真实的生产环境产品网站提取，而非合成样本。

使用场景#

• “AI 编程工具用户 — 在 Refero 中找到目标品牌的设计风格，将其 DESIGN.md 导入 Cursor 或 Claude Code，生成与该品牌视觉体系高度一致的 UI 组件。
• “设计师和开发者 — 浏览真实产品设计系统，参考配色方案、字体比例和组件模式，为新产品开发提供视觉设计参考。