·canvas-component-composability
*

canvas-component-composability

Concevez des composants React prêts pour Canvas avec des emplacements et des modèles de décomposition d'abord. À utiliser lorsque (1) la conception de la structure prop/slot d'un composant, (2) un composant devient trop grand, (3) le choix entre les accessoires et les emplacements, (4) la refactorisation de composants monolithiques, (5) la modélisation d'un contenu de liste/grille répétable. Assure la compatibilité Canvas.

7Installations·1Tendance·@acquia

Installation

$npx skills add https://github.com/acquia/nebula --skill canvas-component-composability

Comment installer canvas-component-composability

Installez rapidement le skill IA canvas-component-composability 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-component-composability
  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.

Prefer small, focused components over monolithic ones with many props. When a component starts accumulating many unrelated props, decompose it into smaller, composable pieces.

references/repeatable-content.md ("Slot container minimum size" section)

Slots are the primary mechanism for composability. Instead of passing complex data through props, use slots to let parent components accept child components. This matches how Canvas users build pages by placing components inside other components.

Concevez des composants React prêts pour Canvas avec des emplacements et des modèles de décomposition d'abord. À utiliser lorsque (1) la conception de la structure prop/slot d'un composant, (2) un composant devient trop grand, (3) le choix entre les accessoires et les emplacements, (4) la refactorisation de composants monolithiques, (5) la modélisation d'un contenu de liste/grille répétable. Assure la compatibilité Canvas. 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-component-composability
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-component-composability ?

Concevez des composants React prêts pour Canvas avec des emplacements et des modèles de décomposition d'abord. À utiliser lorsque (1) la conception de la structure prop/slot d'un composant, (2) un composant devient trop grand, (3) le choix entre les accessoires et les emplacements, (4) la refactorisation de composants monolithiques, (5) la modélisation d'un contenu de liste/grille répétable. Assure la compatibilité Canvas. Source : acquia/nebula.

Comment installer canvas-component-composability ?

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-component-composability 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