Design MD Generator
Extraire les vrais tokens de design d'une URL publique et générer DESIGN.md pour les agents de code IA
À propos de Design MD Generator
Design MD Generator accepte une URL publique, extrait du CSS réel les couleurs, polices, proportions de tailles, espacements, rayons, ombres et états des composants, puis génère un DESIGN.md en neuf sections couvrant thèmes, rôles de palette, typographie, mise en page, composants, hiérarchie, rayons, mouvement et règles de design. Le fichier peut être placé dans un dépôt de code et référencé depuis CLAUDE.md ou .cursor/rules afin que les interfaces générées suivent le système de design du site source ; MCP permet aussi aux éditeurs de rechercher la bibliothèque, lire des fichiers ou exécuter le générateur.
Idéal pour
Meilleurs cas d'utilisation
Générer un fichier de système de design pour un site existant
Faire réutiliser le design du site source par un agent de code IA
Exécuter le générateur via MCP depuis un éditeur
Parcourir des systèmes de design DESIGN.md existants
Fonctionnalités
Extraction du CSS réel
Analyse les couleurs, piles de polices, proportions de tailles, espacements, rayons, ombres et propriétés personnalisées CSS des styles réels.
Analyse fondée sur des preuves
Chaque couleur hexadécimale, nom de police et rayon provient du CSS réel du site ; l'extracteur n'invente pas de tokens.
DESIGN.md en neuf sections
Un analyste design IA génère thèmes, rôles de palette, typographie, mise en page, composants, hiérarchie, rayons, mouvement et règles.
Connexion MCP à l'éditeur
Rechercher la bibliothèque, lire DESIGN.md ou exécuter le générateur dans un éditeur via MCP.
Avantages
- Les tokens viennent du vrai CSS, sans conjecture
- La sortie peut être placée dans un dépôt de code et référencée par les agents
- Génération gratuite dans la limite quotidienne
- Prise en charge de MCP pour une utilisation pratique dans l'éditeur
Limites
- Limite quotidienne de génération par visiteur
Formules tarifaires
Gratuit
- Générer DESIGN.md
- Limite quotidienne par visiteur
- Carte bancaire non requise
* Les informations tarifaires sont données à titre indicatif. Consultez les dernières annonces sur le site officiel de Design MD Generator.