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 分