DesignMD

DesignMD es una herramienta web que analiza la URL de cualquier sitio web activo y genera un archivo DESIGN.md exhaustivo. Funciona leyendo el DOM y el CSSOM reales de la página que proporciones, extrayendo tokens de diseño concretos como variables CSS, paletas de colores, escalas tipográficas, sistemas de espaciado y puntos de ruptura responsivos. El proceso tarda unos 12 segundos y produce un documento markdown listo para su uso inmediato.

Lo que diferencia a DesignMD es su método de medición directa desde el código del frontend activo, no por inferencia a partir de capturas de pantalla. Captura valores reales de producción: propiedades personalizadas de CSS reales, estilos computados, estados de interacción y pares de contraste. Esto da como resultado una especificación de grado de producción altamente precisa en lugar de una aproximación. El resultado está estructurado específicamente para que los agentes de programación de IA lo comprendan y utilicen.

Esta herramienta es ideal para desarrolladores frontend, diseñadores e ingenieros de IA que necesiten comprender o replicar rápidamente el sistema de diseño de un sitio. Los casos de uso incluyen la creación de documentación de referencia para un proyecto, proporcionar contexto para asistentes de programación de IA como Cursor o Claude Code, o realizar análisis de diseño competitivo. Es particularmente útil para desarrolladores que trabajan con agentes de IA que pueden leer y aplicar las especificaciones del archivo DESIGN.md directamente.