figma-diagram-design
Appliquez une thématique de couleurs professionnelle aux diagrammes Figma (organigrammes, arbres de décision, diagrammes de séquence, diagrammes d'état, diagrammes de Gantt). Utilisez cette compétence chaque fois que vous créez des diagrammes avec l'outil Figma:generate_diagram. Attribue automatiquement des couleurs distinctes aux branches de niveau supérieur, les nœuds enfants héritant de la famille de couleurs de leur branche parent pour une hiérarchie visuelle claire.
Installation
SKILL.md
Apply hierarchy-based color theming to diagrams. Each top-level branch gets a distinct color; all descendants inherit that color, creating instant visual grouping.
Modern Professional (Default) | Branch | Fill | Stroke | Text |
| 1 - Blue | #E8F4FD | #1E88E5 | #1565C0 | | 2 - Purple | #F3E5F5 | #8E24AA | #6A1B9A | | 3 - Green | #E8F5E9 | #43A047 | #2E7D32 | | 4 - Orange | #FFF3E0 | #FB8C00 | #E65100 | | 5 - Teal | #E0F2F1 | #00897B | #00695C | | 6 - Red | #FFEBEE | #E53935 | #C62828 | | Neutral | #F5F5F5 | #757575 | #424242 |
Appliquez une thématique de couleurs professionnelle aux diagrammes Figma (organigrammes, arbres de décision, diagrammes de séquence, diagrammes d'état, diagrammes de Gantt). Utilisez cette compétence chaque fois que vous créez des diagrammes avec l'outil Figma:generate_diagram. Attribue automatiquement des couleurs distinctes aux branches de niveau supérieur, les nœuds enfants héritant de la famille de couleurs de leur branche parent pour une hiérarchie visuelle claire. Source : stoodiohq/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/stoodiohq/agent-skills --skill figma-diagram-design- Source
- stoodiohq/agent-skills
- Catégorie
- *Créativité
- Vérifié
- —
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que figma-diagram-design ?
Appliquez une thématique de couleurs professionnelle aux diagrammes Figma (organigrammes, arbres de décision, diagrammes de séquence, diagrammes d'état, diagrammes de Gantt). Utilisez cette compétence chaque fois que vous créez des diagrammes avec l'outil Figma:generate_diagram. Attribue automatiquement des couleurs distinctes aux branches de niveau supérieur, les nœuds enfants héritant de la famille de couleurs de leur branche parent pour une hiérarchie visuelle claire. Source : stoodiohq/agent-skills.
Comment installer figma-diagram-design ?
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/stoodiohq/agent-skills --skill figma-diagram-design 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/stoodiohq/agent-skills
Détails
- Catégorie
- *Créativité
- Source
- user
- Première apparition
- 2026-02-01