Fudge MCP.

Fudge MCP

Fudge MCP 是一款专为 AI 编程助手打造的 MCP 服务器，赋予您的代码代理真正的设计审美能力。它收录了 1,665+ 个真实网站的 10,030+ 条设计参考数据，涵盖字体、配色、布局、间距等完整设计系统信息，让 AI 生成的网站不再是千篇一律的模板，而是具备专业设计质感的真实作品。

产品亮点

• 海量真实网站库：收录 1,665+ 个真实网站、10,030+ 条设计快照、1,471+ 种字体家族，全部来自实际生产环境而非虚构样机。
• AI 对话式搜索：直接在 Cursor、Claude Code、Codex 等工具中自然语言提问，如"找深色 SaaS 落地页参考"或"推荐类似 Anthropic Serif 的字体"，即时获取匹配结果。
• 结构化设计数据：不仅提供截图，更提取完整的字体、色彩角色、对比度、间距、圆角、阴影、渐变及组件样式等设计令牌。
• 一键导出设计系统：将任意网站的设计数据导出为 Tailwind v4、CSS 变量或 JSON 格式，直接用于开发。
• Chrome 扩展采集：安装浏览器插件，一键保存任意网站的设计细节，构建个人专属灵感库。

使用场景

• 落地页设计：描述目标风格，获取真实网站的布局、字体搭配和配色方案参考，让 AI 生成更精准的设计代码。
• 字体发现与配对：查找特定字体的实际使用案例，发现相似字体替代方案，或查看哪些字体常与目标字体搭配使用。
• 设计系统重建：输入目标网站，导出其完整的字体、色彩、间距系统至 Tailwind 配置，快速复刻专业设计。
• 截图匹配搜索：上传参考截图，Fudge 通过视觉相似度算法找到风格最接近的真实网站案例。

目标受众

Fudge MCP 适合追求高效设计与开发一体化的产品设计师、前端开发者、独立开发者及创意团队，特别是使用 AI 编程工具（如 Cursor、Claude Code）构建网站、希望突破"AI 生成感"、需要真实设计参考支撑决策的专业人士。