theming-components
✓Fournit un système de jetons de conception et un cadre de thème pour un style d'interface utilisateur cohérent et personnalisable sur tous les composants. Couvre la taxonomie complète des jetons (couleur, typographie, espacement, ombres, bordures, mouvement, z-index), le changement de thème (propriétés personnalisées CSS, fournisseurs de thèmes), la prise en charge RTL/i18n (propriétés logiques CSS) et l'accessibilité (contraste WCAG, thèmes à contraste élevé, mouvement réduit). Il s'agit de la couche de style fondamentale référencée par TOUTES les compétences des composants. À utiliser pour thématiser des composants, implémenter le mode clair/sombre, créer des styles de marque, personnaliser la conception visuelle, garantir la cohérence de la conception ou prendre en charge les langages RTL.
Installation
SKILL.md
Comprehensive design token system providing the foundational styling architecture for all component skills, enabling brand customization, theme switching, RTL support, and consistent visual design.
Design tokens are the single source of truth for all visual design decisions. This skill provides:
| margin-left | margin-inline-start | | padding-right | padding-inline-end | | text-align: left | text-align: start |
Fournit un système de jetons de conception et un cadre de thème pour un style d'interface utilisateur cohérent et personnalisable sur tous les composants. Couvre la taxonomie complète des jetons (couleur, typographie, espacement, ombres, bordures, mouvement, z-index), le changement de thème (propriétés personnalisées CSS, fournisseurs de thèmes), la prise en charge RTL/i18n (propriétés logiques CSS) et l'accessibilité (contraste WCAG, thèmes à contraste élevé, mouvement réduit). Il s'agit de la couche de style fondamentale référencée par TOUTES les compétences des composants. À utiliser pour thématiser des composants, implémenter le mode clair/sombre, créer des styles de marque, personnaliser la conception visuelle, garantir la cohérence de la conception ou prendre en charge les langages RTL. Source : ancoleman/ai-design-components.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que theming-components ?
Fournit un système de jetons de conception et un cadre de thème pour un style d'interface utilisateur cohérent et personnalisable sur tous les composants. Couvre la taxonomie complète des jetons (couleur, typographie, espacement, ombres, bordures, mouvement, z-index), le changement de thème (propriétés personnalisées CSS, fournisseurs de thèmes), la prise en charge RTL/i18n (propriétés logiques CSS) et l'accessibilité (contraste WCAG, thèmes à contraste élevé, mouvement réduit). Il s'agit de la couche de style fondamentale référencée par TOUTES les compétences des composants. À utiliser pour thématiser des composants, implémenter le mode clair/sombre, créer des styles de marque, personnaliser la conception visuelle, garantir la cohérence de la conception ou prendre en charge les langages RTL. Source : ancoleman/ai-design-components.
Comment installer theming-components ?
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/ancoleman/ai-design-components --skill theming-components 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/ancoleman/ai-design-components
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01