design-tokens
✓Appliquez des modèles de jetons de conception à l'aide de la directive Tailwind CSS 4 @theme : variables CSS, dénomination sémantique, systèmes de couleurs, échelles typographiques, espacement, mode sombre. À utiliser lors de la conception de systèmes d'interface utilisateur, de la révision de la cohérence de la conception ou de l'établissement de directives de marque. S'intègre aux compétences de conception frontale pour une exécution esthétique.
Installation
SKILL.md
Design tokens are the single source of truth for design decisions.
Migration from Tailwind 3: Delete tailwind.config.js, move to CSS @theme.
Design tokens provide the foundation; frontend-design provides aesthetic direction.
Appliquez des modèles de jetons de conception à l'aide de la directive Tailwind CSS 4 @theme : variables CSS, dénomination sémantique, systèmes de couleurs, échelles typographiques, espacement, mode sombre. À utiliser lors de la conception de systèmes d'interface utilisateur, de la révision de la cohérence de la conception ou de l'établissement de directives de marque. S'intègre aux compétences de conception frontale pour une exécution esthétique. Source : phrazzld/claude-config.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/phrazzld/claude-config --skill design-tokens- Source
- phrazzld/claude-config
- 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-tokens ?
Appliquez des modèles de jetons de conception à l'aide de la directive Tailwind CSS 4 @theme : variables CSS, dénomination sémantique, systèmes de couleurs, échelles typographiques, espacement, mode sombre. À utiliser lors de la conception de systèmes d'interface utilisateur, de la révision de la cohérence de la conception ou de l'établissement de directives de marque. S'intègre aux compétences de conception frontale pour une exécution esthétique. Source : phrazzld/claude-config.
Comment installer design-tokens ?
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/phrazzld/claude-config --skill design-tokens 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/phrazzld/claude-config
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01