Gere o DESIGN.md de qualquer site

É um arquivo Markdown que descreve o design system de um site — cores, tipografia, espaçamentos e componentes — em um formato que agentes de IA como Claude Code, Cursor e Google Stitch conseguem ler e aplicar automaticamente. Funciona como uma memória visual permanente para o seu agente.

Quando você coloca o DESIGN.md na raiz do projeto, o agente lê as regras visuais antes de gerar qualquer interface. O resultado são componentes que já respeitam as cores, fontes e espaçamentos do seu produto, sem precisar repetir essas instruções a cada prompt.

Funciona com qualquer URL pública. Sites que carregam estilos via CSS inline, variáveis CSS ou folhas de estilo externas são totalmente suportados. Sites com conteúdo bloqueado por login ou gerado exclusivamente por JavaScript podem ter resultados parciais.

Não. A ferramenta é gratuita e não exige cadastro. Cole a URL, gere e baixe o arquivo.

Design tokens em JSON são legíveis por máquina, mas difíceis de interpretar por LLMs sem contexto adicional. O DESIGN.md combina os valores dos tokens com explicações em texto sobre como e quando usá-los — exatamente o formato que agentes de IA processam melhor.

Sim. O formato segue a especificação aberta do Google Stitch e é compatível com qualquer agente que leia arquivos Markdown do repositório, incluindo Claude Code, Cursor, Lovable, v0 e Windsurf.