À propos du projet

DesignMD mesure des sites web de production réels dans un navigateur headless pour capturer les styles calculés, la typographie en cascade CSS, les breakpoints @media en direct, et les états hover/focus depuis le CSSOM. Il synthétise ces mesures en une spécification DESIGN.md structurée que les développeurs peuvent alimenter directement dans des assistants de codage IA comme Cursor, Claude Code, Windsurf, Aider ou Copilot. Le CLI nécessite Node 18+ et peut être exécuté via npx ou installé globalement. L'utilisation est simple : `dmd stripe.com > DESIGN.md` diffuse le markdown vers stdout, tandis que `--json` produit des tokens bruts instantanément sans traitement LLM. L'outil prend en charge des points de terminaison API personnalisés pour l'auto-hébergement via la variable d'environnement DESIGNMD_API. Les fonctionnalités clés incluent : la mesure en direct dans le navigateur (et non une analyse statique), une sortie markdown portable qui survive aux fenêtres de contexte LLM, des spécifications diff-ables et régénérables, et des guides d'intégration pour les principaux agents de codage IA. L'utilisation anonyme est limitée à 5 générations par jour par IP ; le flag --json contourne cette limite. Le dépôt contient le code source du CLI, des sorties DESIGN.md exemples pour des sites comme Stripe, Linear, Vercel, Notion, Anthropic, Mercury, Figma et Airbnb, de la documentation, et des guides d'intégration. Le pipeline d'extraction, les prompts LLM et l'infrastructure serveur restent propriétaires.