arvindrk/extract-design-system

Qu'est-ce que extract-design-system ?

Cette compétence permet d'extraire automatiquement les primitives de conception (couleurs, typographie, espacements, etc.) d'un site web public et de générer des fichiers de tokens de conception structurés prêts à être utilisés dans votre projet. Elle est particulièrement utile pour les développeurs et designers souhaitant analyser rapidement l'identité visuelle d'un site existant, créer une base pour un système de design, ou migrer des styles vers un format standardisé comme les Design Tokens (par exemple au format JSON ou CSS). Fonctionne avec des sites web accessibles publiquement et ne nécessite aucune configuration complexe. Basée sur une analyse en temps réel du DOM et des styles calculés, elle produit des fichiers token exploitables dans des outils comme Figma, Storybook, ou directement dans du code CSS/SCSS. Idéale pour les projets de reverse-engineering de design ou d'audit visuel.