SheepNav
Fudge MCP

Fudge MCP

producthunt.com

让AI代理从现有网站汲取设计品味

2天前制作者:Simdi Jinkins

关于 Fudge MCP

Fudge MCP 是一款专为AI代理打造的设计参考引擎,旨在解决AI生成界面千篇一律的问题。通过检索近万个真实网站的字体、颜色、组件、布局、页面类型及视觉相似度,Fudge为AI提供可量化的设计依据,而非模糊的形容词指令。

核心功能

Fudge的核心在于将设计灵感数据化。它内置了庞大的真实网站设计库,AI代理可通过MCP协议本地调用,快速搜索并获取与当前需求匹配的设计参考。同时,配套的Chrome扩展允许用户保存心仪的网站设计,构建个性化参考库,让AI的学习更贴近你的审美偏好。

主要特性

  • 海量真实案例:索引近万个真实网站的设计元素,覆盖字体、配色、组件、布局等维度。
  • 视觉相似度搜索:支持按视觉风格查找相似设计,帮助AI理解“好看”的量化标准。
  • 本地MCP运行:通过Model Context Protocol本地运行,保障数据隐私与响应速度。
  • Chrome扩展收藏:一键保存网页设计到个人库,持续丰富AI的参考素材。
  • 精准设计证据:提供截图与测量数据,让AI的决策基于事实而非猜测。

适用场景

  • 前端开发与设计:快速为项目寻找灵感,避免从零构思。
  • AI编码代理:为Copilot、Cursor等工具注入设计品味,生成更符合审美的界面。
  • 产品原型设计:参考真实网站的布局与组件,加速原型迭代。
  • 设计系统维护:分析竞品设计模式,优化自身设计规范。

相关工具