·canvas-styling-conventions
*

canvas-styling-conventions

Stylisez les composants Canvas avec les jetons de thème Tailwind CSS 4 et les modèles d'utilitaires approuvés. À utiliser lors de (1) la création d'un nouveau composant, (2) l'ajout de couleurs ou de styles aux composants, (3) l'utilisation de jetons de thème Tailwind, (4) l'ajout ou la mise à jour de jetons de conception dans global.css, (5) la création d'accessoires de couleur/style, (6) toute modification dans laquelle les accessoires de composant sont ajoutés/supprimés/renommés/retapés et peuvent affecter les styles rendus. Couvre les variables @theme, les variantes CVA et l'utilitaire cn().

9Installations·1Tendance·@acquia

Installation

$npx skills add https://github.com/acquia/nebula --skill canvas-styling-conventions

Comment installer canvas-styling-conventions

Installez rapidement le skill IA canvas-styling-conventions 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/acquia/nebula --skill canvas-styling-conventions
  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 : acquia/nebula.

| Tailwind CSS 4.1+ | Styling | | class-variance-authority (CVA) | Component variants | | clsx + tailwind-merge via cn() | Class name merging |

Only use these dependencies for styling. Do not add third-party CSS libraries or create new styling utilities.

Use cn() to merge Tailwind classes. It combines clsx for conditional classes with tailwind-merge to resolve conflicting utilities. Import from either source:

Stylisez les composants Canvas avec les jetons de thème Tailwind CSS 4 et les modèles d'utilitaires approuvés. À utiliser lors de (1) la création d'un nouveau composant, (2) l'ajout de couleurs ou de styles aux composants, (3) l'utilisation de jetons de thème Tailwind, (4) l'ajout ou la mise à jour de jetons de conception dans global.css, (5) la création d'accessoires de couleur/style, (6) toute modification dans laquelle les accessoires de composant sont ajoutés/supprimés/renommés/retapés et peuvent affecter les styles rendus. Couvre les variables @theme, les variantes CVA et l'utilitaire cn(). Source : acquia/nebula.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/acquia/nebula --skill canvas-styling-conventions
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-10

Browse more skills from acquia/nebula

Réponses rapides

Qu'est-ce que canvas-styling-conventions ?

Stylisez les composants Canvas avec les jetons de thème Tailwind CSS 4 et les modèles d'utilitaires approuvés. À utiliser lors de (1) la création d'un nouveau composant, (2) l'ajout de couleurs ou de styles aux composants, (3) l'utilisation de jetons de thème Tailwind, (4) l'ajout ou la mise à jour de jetons de conception dans global.css, (5) la création d'accessoires de couleur/style, (6) toute modification dans laquelle les accessoires de composant sont ajoutés/supprimés/renommés/retapés et peuvent affecter les styles rendus. Couvre les variables @theme, les variantes CVA et l'utilitaire cn(). Source : acquia/nebula.

Comment installer canvas-styling-conventions ?

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/acquia/nebula --skill canvas-styling-conventions 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/acquia/nebula