English Français العربية

Fudge

Registre officiel Médias et design

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

Code source Site web Documentation

Que pouvez-vous faire avec Fudge ?

  • 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.

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http fudge 'https://api.withfudge.com/mcp'
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "fudge": {
            "type": "http",
            "url": "https://api.withfudge.com/mcp"
        }
    }
}

Documentation

Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent GitHub.

Sommaire
  1. Fudge Plugin for Grok Build
  2. Installation
  3. What you can ask
  4. Other MCP clients
  5. Authentication and security
  6. Links
  7. License

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:

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.

Other MCP clients

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.

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.

License

MIT

Questions fréquentes

Qu'est-ce que Fudge ?

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

Comment installer Fudge ?

Il fonctionne comme serveur distant. Dans Claude Code : claude mcp add --transport http fudge 'https://api.withfudge.com/mcp'. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour Fudge ?

Son entrée au registre n'indique aucune clé ni secret obligatoire. Certaines fonctions peuvent tout de même demander un compte auprès du service auquel il se connecte.

Fudge est-il open source ?

Oui. Son code est sur GitHub sous licence MIT.

Qui maintient Fudge ?

Il est publié par scroobius-pip. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.