design-analyzer
✓Extrayez automatiquement les exigences techniques des références de conception lorsque l'utilisateur mentionne Figma, télécharge des images ou dit « mettre en œuvre cette conception ». Analyse les couleurs, la typographie, l'espacement, la mise en page et les mappages avec les blocs WordPress ou les champs de paragraphe Drupal. Fournit des spécifications détaillées aux développeurs, notamment des valeurs exactes, un comportement réactif et des exigences d'accessibilité.
Installation
SKILL.md
Purpose Extract technical requirements from design references (Figma URLs, screenshots, mockups) for CMS component implementation.
Accurate design-to-code translation requires systematic extraction of technical specifications.
User uploads image and says: "Create a WordPress block pattern from this hero design"
Extrayez automatiquement les exigences techniques des références de conception lorsque l'utilisateur mentionne Figma, télécharge des images ou dit « mettre en œuvre cette conception ». Analyse les couleurs, la typographie, l'espacement, la mise en page et les mappages avec les blocs WordPress ou les champs de paragraphe Drupal. Fournit des spécifications détaillées aux développeurs, notamment des valeurs exactes, un comportement réactif et des exigences d'accessibilité. Source : kanopi/cms-cultivator.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/kanopi/cms-cultivator --skill design-analyzer- Source
- kanopi/cms-cultivator
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que design-analyzer ?
Extrayez automatiquement les exigences techniques des références de conception lorsque l'utilisateur mentionne Figma, télécharge des images ou dit « mettre en œuvre cette conception ». Analyse les couleurs, la typographie, l'espacement, la mise en page et les mappages avec les blocs WordPress ou les champs de paragraphe Drupal. Fournit des spécifications détaillées aux développeurs, notamment des valeurs exactes, un comportement réactif et des exigences d'accessibilité. Source : kanopi/cms-cultivator.
Comment installer design-analyzer ?
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/kanopi/cms-cultivator --skill design-analyzer 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/kanopi/cms-cultivator
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01