designmd

O DesignMD mede websites reais em produção usando um browser headless para capturar estilos computados, tipografia da cascata CSS, media queries @media ativas e estados hover/focus do CSSOM. Ele sintetiza essas medições em uma especificação DESIGN.md estruturada que desenvolvedores podem alimentar diretamente em assistentes de codificação por IA como Cursor, Claude Code, Windsurf, Aider ou Copilot. A CLI requer Node 18+ e pode ser executada via npx ou instalada globalmente. O uso é simples: `dmd stripe.com > DESIGN.md` exporta o markdown para stdout, enquanto `--json` gera tokens brutos instantaneamente sem processamento LLM. A ferramenta suporta endpoints de API personalizados para auto-hospedagem por meio da variável de ambiente DESIGNMD_API. Os principais recursos incluem: medição ao vivo no browser (não análise estática), saída em markdown portátil que sobrevive a janelas de contexto LLM, especificações diffáveis e regeneráveis e guias de integração para principais agentes de codificação com IA. O uso anônimo é limitado a 5 gerações por dia por IP; a flag --json contorna esse limite. O repositório contém o código-fonte da CLI, exemplos de saídas DESIGN.md para sites como Stripe, Linear, Vercel, Notion, Anthropic, Mercury, Figma e Airbnb, documentação e guias de integração. O pipeline de extração, os prompts LLM e a infraestrutura do servidor permanecem proprietários.