Fudge MCP logo

Fudge MCP.

Transforme descrições vagas em interfaces com base em evidências visuais reais

Dê bom gosto aos seus agentes de IA. Fudge busca em 10 mil sites reais por fontes, cores, layouts e componentes. Rode localmente via MCP.

Classificação semanal
▲ #62
Votos
137
Plataforma
Web / Mobile
Lançado
Recently
Fudge MCP screenshot

Mais sobre Fudge MCP

Fudge MCP

Fudge MCP é um servidor de IA que transforma seu agente de codificação em um designer mais eficiente, fornecendo acesso a mais de 1.665 referências de websites reais para decisões de design mais inteligentes. Em vez de depender de suposições visuais, seu agente de IA pode analisar tipografias, paletas de cores, espaçamentos e sistemas de design completos de sites de produção, garantindo que os websites criados pareçam profissionais e intencionais, não genéricos.

Destaques do Produto

  • Biblioteca de Referências em Crescimento: Acesso a mais de 10.030 capturas de websites reais, com mais de 1.471 famílias de fontes e 2.535+ designers contribuindo ativamente para expandir a base de dados.

  • Busca por Descrição Natural: Encontre inspiração descrevendo o estilo desejado, como "páginas de preços com tipografia serif em exibição escura" ou "landing pages de SaaS com tipografia oversized".

  • Descoberta e Comparação de Fontes: Identifique fontes similares por hash visual, veja quais websites as utilizam e descubra combinações tipográficas reais usadas em produção.

  • Captura Estruturada de Websites: A extensão para Chrome salva não apenas screenshots, mas também sistemas de design completos, incluindo tokens de design, hierarquia de layout, interações e contexto de captura.

  • Exportação de Sistemas de Design: Converta as tipografias, cores, espaçamentos, raios, sombras e gradientes de qualquer website para Tailwind v4, variáveis CSS ou JSON estruturado.

Casos de Uso

  • Desenvolvimento de Landing Pages: Crie páginas de destino visualmente consistentes solicitando referências de websites reais com características específicas, como hero sections com screenshots de produtos ou estilos monocromáticos minimalistas.

  • Design de Dashboards e Aplicações: Encontre padrões de navegação densa, cards de KPI com gráficos, telas de login e fluxos de onboarding com exemplos de interfaces reais de ferramentas de desenvolvedor e fintechs.

  • Sistemas de Design e Documentação: Exporte temas completos de websites como o Linear.app ou Stripe, incluindo tokens de cores, escalas tipográficas e componentes, para acelerar a criação de design systems consistentes.

Público-Alvo

Fudge MCP é ideal para desenvolvedores que utilizam agentes de IA como Cursor, Claude Code ou Codex, designers que buscam referências de produção em vez de mockups, e equipes de produto que precisam manter bibliotecas de inspiração organizadas e pesquisáveis para seus projetos.