Un nouvel outil CLI extrait le design system de n'importe quel site web
Cet utilitaire en ligne de commande automatise l'extraction des tokens de design (couleurs, typographie, espacement) depuis une simple URL, générant instantanément un fichier DESIGN.md prêt à l'emploi.
Un outil CLI pour extraire le design system de tout site web
Cet outil en ligne de commande permet aux utilisateurs de fournir simplement une URL, après quoi il extrait automatiquement les éléments suivants :
- Couleurs
- Typographie
- Espacements
- Bordures
- Ombres
- Composants
- Points de rupture (breakpoints)
- Tokens d'animation (motion tokens)
De plus, l'outil génère un fichier DESIGN.md, ce qui rend son intégration dans les flux de travail extrêmement pratique.
Les développeurs front-end, les créateurs utilisant le "vibe coding" et les designers peuvent désormais fermer les outils de développement du navigateur (DevTools) et ouvrir leur terminal, rationalisant ainsi leur processus de conception.
Pourquoi c'est important
AnalyseCet outil simplifie considérablement le processus de conception en offrant un accès rapide aux données structurelles de n'importe quel site. Il permet aux équipes de gagner un temps précieux en automatisant la documentation technique des interfaces.
Discuter dans la communauté
Partagez vos questions et vos idées avec les développeurs
Lié dans l'écosystème
Guides pratiques, terminologie clé et compétences d'agents
WebMCP et outils natifs du navigateur
Adaptation du Model Context Protocol (MCP) pour fonctionner directement dans le navigateur web, permettant aux agents IA d'interagir avec le DOM, LocalStorage, WebAssembly et IndexedDB sans démons locaux.
Extracteur DESIGN.md : analysez le design de n'importe quel site avec Claude
Guide pratique complet pour utiliser la compétence DESIGN.md Extractor dans Claude Code : extraction des tokens visuels, génération du fichier DESIGN.md, aperçu HTML interactif et export vers Tailwind CSS.
Créer un design system dans Figma avec Claude Code
Guide pas à pas pour créer un design system complet dans Figma grâce à Claude Code : tokens, composants, variables et interfaces prêtes à l'emploi.
Appels d'outils (Function Calling)
Mécanisme de bas niveau des modèles de langage permettant de générer de manière fiable des paramètres validés au format JSON pour l'exécution de fonctions dans un environnement logiciel externe.