Build websites that look designed, not generated. Fudge gives AI real websites to study.
One address for any MCP client. You sign in once, after adding it.
At most: only reads or looks up information.
Odel charges nothing per call. The publisher may charge for its own service.
Odel could not list its tools without signing in.
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.
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.
Example prompts:
Find dark SaaS pricing pages with serif display type and restrained shadows.
What fonts, colors, spacing, and border radii are used on linear.app?
Find fonts similar to Anthropic Serif, then show me free alternatives.
Review this landing page and find relevant website references for the changes you recommend.
Add the remote server to Claude Code:
claude mcp add --transport http fudge https://api.withfudge.com/mcp
Other MCP clients can use the checked-in .mcp.json configuration.
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.
MIT