·styling-system
*

styling-system

Chargez de manière PROACTIVE lorsque la tâche implique une architecture CSS, des thèmes ou des systèmes de conception visuelle. À utiliser lorsque l'utilisateur dit « configurer Tailwind », « ajouter le mode sombre », « créer un système de conception », « le rendre réactif » ou « configurer le thème ». Couvre la configuration Tailwind et les plugins personnalisés, les systèmes de jetons de conception, les stratégies de points d'arrêt réactifs, la mise en œuvre du mode sombre, les modèles de variantes de composants (CVA/class-variance-authority), les alternatives CSS-in-JS et les modèles d'animation.

42Installations·2Tendance·@mgd34msu

Installation

$npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system

Comment installer styling-system

Installez rapidement le skill IA styling-system dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : mgd34msu/goodvibes-plugin.

This skill guides you through CSS architecture decisions and implementation using GoodVibes precision tools. Use this workflow when setting up styling infrastructure, creating design systems, or implementing theming and responsive patterns.

Trigger phrases: "setup styling", "add Tailwind", "implement dark mode", "design tokens", "responsive design", "CSS architecture", "theme system".

Before making styling decisions, understand the project's current state.

Chargez de manière PROACTIVE lorsque la tâche implique une architecture CSS, des thèmes ou des systèmes de conception visuelle. À utiliser lorsque l'utilisateur dit « configurer Tailwind », « ajouter le mode sombre », « créer un système de conception », « le rendre réactif » ou « configurer le thème ». Couvre la configuration Tailwind et les plugins personnalisés, les systèmes de jetons de conception, les stratégies de points d'arrêt réactifs, la mise en œuvre du mode sombre, les modèles de variantes de composants (CVA/class-variance-authority), les alternatives CSS-in-JS et les modèles d'animation. Source : mgd34msu/goodvibes-plugin.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill styling-system
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-11

Browse more skills from mgd34msu/goodvibes-plugin

Réponses rapides

Qu'est-ce que styling-system ?

Chargez de manière PROACTIVE lorsque la tâche implique une architecture CSS, des thèmes ou des systèmes de conception visuelle. À utiliser lorsque l'utilisateur dit « configurer Tailwind », « ajouter le mode sombre », « créer un système de conception », « le rendre réactif » ou « configurer le thème ». Couvre la configuration Tailwind et les plugins personnalisés, les systèmes de jetons de conception, les stratégies de points d'arrêt réactifs, la mise en œuvre du mode sombre, les modèles de variantes de composants (CVA/class-variance-authority), les alternatives CSS-in-JS et les modèles d'animation. Source : mgd34msu/goodvibes-plugin.

Comment installer styling-system ?

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/mgd34msu/goodvibes-plugin --skill styling-system Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/mgd34msu/goodvibes-plugin