·nebula-page-stories
</>

nebula-page-stories

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.

7Instalaciones·1Tendencia·@acquia

Instalación

$npx skills add https://github.com/acquia/nebula --skill nebula-page-stories

Cómo instalar nebula-page-stories

Instala rápidamente el skill de IA nebula-page-stories en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/acquia/nebula --skill nebula-page-stories
  3. Verificar instalación: 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

Fuente: acquia/nebula.

SKILL.md

Ver original

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.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/acquia/nebula --skill nebula-page-stories
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from acquia/nebula

Respuestas rápidas

¿Qué es nebula-page-stories?

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.

¿Cómo instalo nebula-page-stories?

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

¿Dónde está el repositorio de origen?

https://github.com/acquia/nebula