color-palette
✓Générez des palettes de couleurs complètes et accessibles à partir d’un seul hexadécimal de marque. Crée une échelle de 11 nuances (50-950), des jetons sémantiques (arrière-plan, premier plan, carte, sourdine) et des variantes du mode sombre. Inclut la vérification du contraste WCAG pour l’accessibilité du texte. À utiliser lors de : la configuration du système de conception, la création du thème Tailwind, la création de couleurs de marque à partir d'un seul hexadécimal, la conversion de conceptions en code, la vérification de l'accessibilité des couleurs.
Installation
SKILL.md
Status: Production Ready ✅ Last Updated: 2026-01-14 Standard: Tailwind v4 @theme syntax
Use the reference files to generate shades, map semantics, and check contrast.
| 50 | 97% | Subtle backgrounds | | 100 | 94% | Hover states | | 200 | 87% | Borders, dividers | | 300 | 75% | Disabled states | | 400 | 62% | Placeholder text | | 500 | 48% | Brand color | | 600 | 40% | Primary actions | | 700 | 33% | Hover on primary | | 800 | 27% | Active states | | 900 | 20% | Text on light bg | | 950 | 10% | Darkest accents |
Générez des palettes de couleurs complètes et accessibles à partir d’un seul hexadécimal de marque. Crée une échelle de 11 nuances (50-950), des jetons sémantiques (arrière-plan, premier plan, carte, sourdine) et des variantes du mode sombre. Inclut la vérification du contraste WCAG pour l’accessibilité du texte. À utiliser lors de : la configuration du système de conception, la création du thème Tailwind, la création de couleurs de marque à partir d'un seul hexadécimal, la conversion de conceptions en code, la vérification de l'accessibilité des couleurs. Source : jezweb/claude-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/jezweb/claude-skills --skill color-palette- Source
- jezweb/claude-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que color-palette ?
Générez des palettes de couleurs complètes et accessibles à partir d’un seul hexadécimal de marque. Crée une échelle de 11 nuances (50-950), des jetons sémantiques (arrière-plan, premier plan, carte, sourdine) et des variantes du mode sombre. Inclut la vérification du contraste WCAG pour l’accessibilité du texte. À utiliser lors de : la configuration du système de conception, la création du thème Tailwind, la création de couleurs de marque à partir d'un seul hexadécimal, la conversion de conceptions en code, la vérification de l'accessibilité des couleurs. Source : jezweb/claude-skills.
Comment installer color-palette ?
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/jezweb/claude-skills --skill color-palette 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/jezweb/claude-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01