designmd

DesignMD mide sitios web de producción reales en un navegador headless para capturar estilos computados, tipografía en cascada CSS, breakpoints @media en vivo y estados de hover/focus desde el CSSOM. Sintetiza estas mediciones en una especificación DESIGN.md estructurada que los desarrolladores pueden alimentar directamente en asistentes de codificación con IA como Cursor, Claude Code, Windsurf, Aider o Copilot. El CLI requiere Node 18+ y puede ejecutarse mediante npx o instalarse globalmente. El uso es simple: `dmd stripe.com > DESIGN.md` transmite el markdown a stdout, mientras que `--json` genera tokens crudos al instante sin procesamiento LLM. La herramienta admite puntos de conexión API personalizados para autoalojamiento a través de la variable de entorno DESIGNMD_API. Las características principales incluyen: medición en navegador en vivo (no análisis estático), salida portable en markdown que sobrevive a las ventanas de contexto LLM, especificaciones comparables y regenerables, y guías de integración para los principales agentes de codificación con IA. El uso anónimo está limitado a 5 generaciones por día por IP; la bandera --json omite este límite. El repositorio contiene el código fuente del CLI, salidas DESIGN.md de ejemplo de sitios como Stripe, Linear, Vercel, Notion, Anthropic, Mercury, Figma y Airbnb, documentación y guías de integración. La tubería de extracción, los prompts LLM y la infraestructura del servidor permanecen como propiedad privada.