·nebula-page-stories
</>

nebula-page-stories

Crea storie di pagine di esempio che compongono più componenti in layout realistici. Da utilizzare quando si creano storie di libri di fiabe a livello di pagina che mostrano come i componenti interagiscono tra loro. Copre l'utilizzo del PageLayout, le regole di composizione, la spaziatura con Spacer e il sollevamento a un piano.

7Installazioni·1Tendenza·@acquia

Installazione

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

Come installare nebula-page-stories

Installa rapidamente la skill AI nebula-page-stories nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/acquia/nebula --skill nebula-page-stories
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 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.

Crea storie di pagine di esempio che compongono più componenti in layout realistici. Da utilizzare quando si creano storie di libri di fiabe a livello di pagina che mostrano come i componenti interagiscono tra loro. Copre l'utilizzo del PageLayout, le regole di composizione, la spaziatura con Spacer e il sollevamento a un piano. Fonte: acquia/nebula.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/acquia/nebula --skill nebula-page-stories
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-22
Aggiornato
2026-03-10

Browse more skills from acquia/nebula

Risposte rapide

Che cos'è nebula-page-stories?

Crea storie di pagine di esempio che compongono più componenti in layout realistici. Da utilizzare quando si creano storie di libri di fiabe a livello di pagina che mostrano come i componenti interagiscono tra loro. Copre l'utilizzo del PageLayout, le regole di composizione, la spaziatura con Spacer e il sollevamento a un piano. Fonte: acquia/nebula.

Come installo nebula-page-stories?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/acquia/nebula --skill nebula-page-stories Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/acquia/nebula