Fudge

io.github.scroobius-pip由 GitHub 账号 scroobius-pip 发布v2.0.0更新于 Oct 24, 2026

Build websites that look designed, not generated. Fudge gives AI real websites to study.

已验证Streamable HTTP可网页运行知识与记忆开发者工具媒体与设计

概览

AI 生成的概览

Fudge 是一个托管型 MCP 服务器，为 AI 助手提供可搜索的真实网站设计参考库，供其在构建界面时研究。

可以做什么
按风格、页面类型、组件、颜色或字体搜索已采集的网站，并查看其字体、颜色、间距、布局和设计令牌。对比多个参考以确定设计方向。查找视觉特征相近的字体，并查看已采集字体的使用位置。结合库中相关示例评审页面。在编写或改进界面代码时引用采集到的设计依据。
适用场景
当助手需要为字体、颜色、间距或布局寻找具体真实案例而非泛泛建议时适用，也适合在确定设计方向前对比方案或寻找相似字体。
运行要求
通过 streamable HTTP 连接的远程 MCP 端点，无需本地包或运行时。首次连接需在浏览器中完成 Fudge 网站的 OAuth 登录授权，无需 API 密钥或本地凭据文件。需要 Fudge 账户，并受账户与套餐限制。
安装前请注意
访问与 Fudge 账户及套餐限制绑定，部分使用可能受限或需付费套餐。托管服务可能返回来自其自有域名的链接和视觉预览。按 README 说明，它是只读参考服务，不含钩子、脚本或本地文件访问。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Fudge，将其添加到工作区。
  2. 连接 所需的 凭据。它们会被私密存储，绝不会在公开页面上展示。
  3. 为需要使用其工具的对话启用该服务。

Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/io.github.scroobius-pip%2Ffudge/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。 客户端会在首次连接时完成 OAuth 登录。

{
  "mcpServers": {
    "fudge": {
      "type": "http",
      "url": "https://api.withfudge.com/mcp"
    }
  }
}

README

Fudge Plugin for Grok Build

Fudge gives AI coding tools website references they can search and inspect while building. It captures the details behind each website, including typography, colors, layout, components, spacing, borders, shadows, gradients, media, and page context.

This plugin connects Grok Build to Fudge's hosted MCP server and includes guidance for using captured website evidence in design research, critique, and implementation.

Installation

In Grok Build, open /plugin, search for Fudge, and install the plugin.

On first connection, Grok opens Fudge's authorization flow in the browser. Sign in at design.withfudge.com and approve access. No API key or local credential file is required.

What you can ask

  • Find website references by style, page type, component, color, or typography.
  • Inspect how a captured website uses fonts, colors, spacing, layout, and design tokens.
  • Compare several references before choosing a design direction.
  • Find fonts with a similar visual character and inspect where captured fonts are used.
  • Review a website with relevant examples from the Fudge library.
  • Use captured design evidence while writing or improving interface code.

Example prompts:

text
Find dark SaaS pricing pages with serif display type and restrained shadows.
text
What fonts, colors, spacing, and border radii are used on linear.app?
text
Find fonts similar to Anthropic Serif, then show me free alternatives.
text
Review this landing page and find relevant website references for the changes you recommend.

Other MCP clients

Add the remote server to Claude Code:

sh
claude mcp add --transport http fudge https://api.withfudge.com/mcp

Other MCP clients can use the checked-in .mcp.json configuration.

Authentication and security

The plugin connects to Fudge's hosted MCP endpoint at https://api.withfudge.com/mcp. Authentication is handled through OAuth. Account and plan limits apply.

The plugin contains no executable hooks, installation scripts, or local shell commands. It does not read environment variables, API keys, project files, or other local credentials. The hosted service may return Fudge-owned links and visual previews from design.withfudge.com, api.withfudge.com, and pin.fontofweb.com.

Links

License

MIT

来源：README.md，提交 684b813

工具

0
该服务器需要登录，因此 SourceWeft 无法在没有账号的情况下读取其工具，也未收录。已连接账号所能看到的内容可能因账号及其权限而异。

版本历史

1
  1. v2.0.0最新Sep 16, 2026

评分

已满足适用检查项的 85%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分