Cree historias de páginas de ejemplo que compongan múltiples componentes en diseños realistas. Úselo al crear historias de Storybook a nivel de página que muestren cómo los componentes funcionan juntos. Cubre el uso de PageLayout, reglas de composición, espaciado con Spacer y elevación de un solo piso.
Instala rápidamente el skill de IA nebula-page-stories en tu entorno de desarrollo mediante línea de comandos
Fuente: acquia/nebula.
Page stories showcase how components work together in realistic layouts. They should closely mirror what end users will experience in Drupal Canvas, so avoid patterns that won't be available in Canvas.
Use single-story hoisting for cleaner navigation. Page stories should use Storybook's single-story hoisting feature to avoid unnecessary nesting in the sidebar. This is achieved by:
This results in a flat sidebar entry "Product: Detail" under "Example pages", rather than a nested "Product: Detail" → "Default" structure.
Cree historias de páginas de ejemplo que compongan múltiples componentes en diseños realistas. Úselo al crear historias de Storybook a nivel de página que muestren cómo los componentes funcionan juntos. Cubre el uso de PageLayout, reglas de composición, espaciado con Spacer y elevación de un solo piso. Fuente: acquia/nebula.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/acquia/nebula --skill nebula-page-storiesCree historias de páginas de ejemplo que compongan múltiples componentes en diseños realistas. Úselo al crear historias de Storybook a nivel de página que muestren cómo los componentes funcionan juntos. Cubre el uso de PageLayout, reglas de composición, espaciado con Spacer y elevación de un solo piso. 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 nebula-page-stories 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