Fudge
Build websites that look designed, not generated. Fudge gives AI real websites to study.
Open source Repository Open in the app JSON README (API)
About
Build websites that look designed, not generated. Fudge gives AI real websites to study.
Details
- Kind
- MCP servers
- Topic
- No topic detected
- Publisher
- scroobius-pip
- Origin
- official
- Category
- ferramentas
- Transport
- http
- Version
- 2.0.0
- Last push
- 2026-09-02T00:49:54Z
- Repository state
- ativo
- License
- MIT
- Added
- 2026-08-29 04:01:22
- Updated
- 2026-08-29 04:01:22
- Origin id
io.github.scroobius-pip/fudge
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](https://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 - [Fudge](https://design.withfudge.com) - [MCP documentation](https://design.withfudge.com/mcp) - [Privacy policy](https://design.withfudge.com/privacy) - [Terms](https://design.withfudge.com/terms) - [Support](https://design.withfudge.com/support) ## License MIT