design-spec-extraction
✓Extrayez des spécifications de conception JSON complètes à partir de sources visuelles, notamment des exportations Figma, des maquettes d'interface utilisateur, des captures d'écran ou des captures de sites Web en direct. Produit une sortie conforme au W3C DTCG avec des arborescences de composants, adaptées à la génération de code, à la documentation de conception et au transfert des développeurs.
Installation
SKILL.md
Extract comprehensive, production-ready JSON design specifications from visual inputs using a 7-pass serial subtask architecture that ensures complete coverage and cross-validation.
The extraction produces JSON following the W3C Design Tokens Community Group (DTCG) 2025.10 format with extensions:
EVERY pass MUST write its output to a JSON file on disk. This is non-negotiable.
Extrayez des spécifications de conception JSON complètes à partir de sources visuelles, notamment des exportations Figma, des maquettes d'interface utilisateur, des captures d'écran ou des captures de sites Web en direct. Produit une sortie conforme au W3C DTCG avec des arborescences de composants, adaptées à la génération de code, à la documentation de conception et au transfert des développeurs. Source : cygnusfear/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/cygnusfear/agent-skills --skill design-spec-extraction- Source
- cygnusfear/agent-skills
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-17
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que design-spec-extraction ?
Extrayez des spécifications de conception JSON complètes à partir de sources visuelles, notamment des exportations Figma, des maquettes d'interface utilisateur, des captures d'écran ou des captures de sites Web en direct. Produit une sortie conforme au W3C DTCG avec des arborescences de composants, adaptées à la génération de code, à la documentation de conception et au transfert des développeurs. Source : cygnusfear/agent-skills.
Comment installer design-spec-extraction ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/cygnusfear/agent-skills --skill design-spec-extraction Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/cygnusfear/agent-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-17