Fudge MCP

5.0 0 reviews
10 Views 2026-09-19
Visit site

About This Site

AI design reference engine for coding agents Fudge is an AI-powered design reference engine that helps coding agents create better websites by searching and inspecting thousands of real production websites. It provides screenshots alongside measured design information such as typography, colors, spacing, layout, components, page types, media, interactions, contrast, borders, radii, shadows, and gradients. Fudge works through MCP with tools such as Codex, Cursor, and Claude Code, and its Chrome extension lets users save websites and design details for later use. Agents can use Fudge to discover inspiration, compare visual directions, inspect fonts and color systems, match screenshots, and export design systems to Tailwind CSS, CSS variables, or JSON.

Alternatives

Key Features AI

Core Features
Search thousands of real production websites by style, layout, color, font, page type, component, domain, or visual similarity
Provide screenshots with measured typography, colors, spacing, layout, components, contrast, borders, radii, shadows, gradients, and media details
Inspect fonts in use and discover similar fonts or font pairings
Find pages such as pricing pages, dashboards, documentation, onboarding flows, login pages, portfolios, and landing pages
Match uploaded screenshots with websites that have a similar visual appearance
Save websites and page sections with the Chrome extension
Organize saved references into project collections for reuse
Search and compare saved design references inside AI coding conversations
Export typography, colors, spacing, radii, shadows, and gradients to Tailwind CSS, CSS variables, or JSON
Work with MCP-compatible AI coding tools including Codex, Cursor, and Claude Code
Analyze color roles, accessibility contrast, readable text colors, and color scales
Preserve media, video, crops, motion, interactions, overlays, clipping, viewport, and capture context when relevant
Advantages
Uses real production websites rather than only mockups or curated screen galleries
Provides detailed design evidence beyond screenshots, including fonts, colors, spacing, layout, and components
Works directly inside AI coding workflows through MCP
Supports website saving and project-based visual memory through a Chrome extension
Offers visual similarity search and screenshot matching
Can export design information to Tailwind CSS, CSS variables, and JSON
Supports detailed searches for page types, components, typography, and visual styles
Includes accessibility-oriented color contrast and readability analysis
Free plan includes 25 Fudge queries per day with no credit card required
缺点:The most advanced usage and unlimited queries require a paid subscription
缺点:Requires a compatible MCP-supported AI coding tool for agent-based workflows
缺点:The quality of results may depend on the available website captures and search description
缺点:Using references effectively still requires design judgment to avoid overly copying existing websites
缺点:The library contains captured website data, which may not always represent the latest live page state

Fudge MCP Reviews (0)

5.0 0 reviews
  • No reviews yet. Be the first to write one!

30-Day Click Trend

2026-10-10: 1 clicks 2026-10-11: 1 clicks 2026-10-14: 1 clicks 2026-10-15: 1 clicks 2026-10-16: 1 clicks 2026-11-04: 1 clicks
10-07 10-21 11-05

Related Sites

Create and export app store screenshots for iOS and Android. AppScreenStudio is a browser-based app store screenshot maker for creating and exporting promotional screenshots for iOS and Android apps. Users can start from templates, add their app captures, customize text, colors, backgrounds, and device frames, then export sizes for the Apple App Store and Google Play. The platform also offers AI-assisted localization, asset generation, and MCP connections that let compatible AI agents edit a live project.
Create interactive brand guidelines as shareable, editable web pages. Vessa is a platform for creating and publishing interactive online brand guidelines. Instead of delivering brand rules as a static PDF, users create a live page with sections for logos, colors, typography, motion, moodboards, applications, and assets. Visitors can copy color values, view motion examples and access the latest version through a shareable link. Each published guideline includes a brand.json file and an MCP server that compatible AI tools can use to read and update the brand.
AI platform for professional tasks and multi-format content creation PagePop Work is an AI assistant platform for professional tasks and content creation. It offers specialized assistants for fields including e-commerce, social media, education, interior design, marketing, and office work. Users can describe a task in natural language, provide reference materials, and generate or refine images, videos, social content, long-form writing, presentations, and documents through conversation. The platform selects suitable AI models for tasks and supports ongoing revisions based on user feedback.
Open-source toolkit for building custom AI-powered design apps Toolcraft is a free, open-source starter kit and UI library for building custom design applications with AI. It provides an application architecture for creative tools, including a canvas, toolbar, layers, timeline, and keyframe workflows. Its embedded AI skills, performance instructions, and visual testing rules are intended to help AI agents generate more consistent creative apps. Toolcraft works with Codex, Claude, Cursor, and other AI agents.
Skillry is a growing library of Agent Skills for AI coding agents. Every Skill carries a specific visual point of view, and you can see exactly what it makes before you install it — so what your agent ships is something you'd actually show. Web pages, slide decks, images and video. Install from the web or your CLI and use it inside Claude Code, Codex, Cursor and more. The taste is ours. The work is your agent's. Your agent can build a site, a deck, a video, an image. It just has no taste. Skillry is a growing library of Agent Skills that do. Each Skill carries a specific visual point of view, and you can see exactly what it makes before you install it — you are not buying a description. Install from the web, or authorize your browser once and run a single command in your CLI. Then invoke a Skill by name inside your agent and get a finished piece of work: a landing page that looks art-directed, a deck you would actually present, an image that stops the scroll, a short film that moves. Four kinds of work today — web pages, slide decks, images and video — with new Skills added every week. No API key required. It is not a marketplace. There is no community upload and no race to ten thousand listings. The library is deliberately small and grows one Skill at a time, which is the whole point: everything in it has a look worth keeping. Works with Claude Code, Codex, Cursor and more. The taste is ours. The work is your agent's.
No-code platform to build, design, and launch web applications visually. Bubble is a visual programming platform that allows users to build, design, and launch web applications without writing any code. It caters to a wide range of users, from first-time founders to experienced engineers, enabling them to create applications rapidly. Bubble offers tools for visual programming, design, data logic, collaboration, and security. It also integrates with AI and provides resources like an academy, technical guides, and a marketplace for templates and plugins.