Diseñe componentes React listos para Canvas con ranuras y patrones de descomposición primero. Úselo cuando (1) Diseñar la estructura de accesorios/ranuras de un componente, (2) Un componente está creciendo demasiado, (3) Decidir entre accesorios y ranuras, (4) Refactorizar componentes monolíticos, (5) Modelar contenido de lista/cuadrícula repetible. Garantiza la compatibilidad con Canvas.
Instala rápidamente el skill de IA canvas-component-composability en tu entorno de desarrollo mediante línea de comandos
Fuente: 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.
Diseñe componentes React listos para Canvas con ranuras y patrones de descomposición primero. Úselo cuando (1) Diseñar la estructura de accesorios/ranuras de un componente, (2) Un componente está creciendo demasiado, (3) Decidir entre accesorios y ranuras, (4) Refactorizar componentes monolíticos, (5) Modelar contenido de lista/cuadrícula repetible. Garantiza la compatibilidad con Canvas. Fuente: acquia/nebula.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/acquia/nebula --skill canvas-component-composabilityDiseñe componentes React listos para Canvas con ranuras y patrones de descomposición primero. Úselo cuando (1) Diseñar la estructura de accesorios/ranuras de un componente, (2) Un componente está creciendo demasiado, (3) Decidir entre accesorios y ranuras, (4) Refactorizar componentes monolíticos, (5) Modelar contenido de lista/cuadrícula repetible. Garantiza la compatibilidad con Canvas. Fuente: acquia/nebula.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/acquia/nebula --skill canvas-component-composability Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/acquia/nebula