Nutlope/inspo

Real websites for your coding agent to learn design from, searchable over MCP.

解决的问题

AI 代理通常缺乏构建美观用户界面所需的设计“品味”。Inspo 为编码代理提供了一个精选的真实生产网站库供其学习与参考,弥补了功能性代码与高质量设计之间的差距。

运作方式

它作为一个模型上下文协议 (MCP) 服务器运作,让代理能够访问超过 832 个真实网站、共 2,300 多个页面的庞大档案库。该系统会提取设计标记(例如调色板、字体、间距比例和 CSS 变量),并提供页面的“逐区块剖析”。它包含 68 个可直接复制粘贴的 JSX 规范参考组件。代理可以使用 recommend 工具,根据项目简介获取设计建议。

适用对象

使用 AI 编码代理(如 Claude Code、Cursor、Windsurf 或 Zed)并希望其生成的 UI 看起来专业且具备生产水准的开发者。

特色亮点

  • 丰富的档案库:可访问数千个桌面与移动设备页面。
  • 设计提取:自动为每个网站提取语义调色角色、字体层级与容器宽度,并导出至 DESIGN.md。
  • 轻松整合:通过 npx 为主流 AI IDE 与代理提供一键安装。
  • 语义搜索:使用 Together AI 嵌入技术来驱动 find_similar 与推荐工具。

相关

  • 项目
  • 项目
  • 项目
  • 项目