Créez des exemples d'histoires de page qui composent plusieurs composants dans des mises en page réalistes. À utiliser lors de la création d'histoires Storybook au niveau de la page qui montrent comment les composants fonctionnent ensemble. Couvre l'utilisation de PageLayout, les règles de composition, l'espacement avec Spacer et le levage d'un seul étage.
Installez rapidement le skill IA nebula-page-stories dans votre environnement de développement via la ligne de commande
Source : 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.
Créez des exemples d'histoires de page qui composent plusieurs composants dans des mises en page réalistes. À utiliser lors de la création d'histoires Storybook au niveau de la page qui montrent comment les composants fonctionnent ensemble. Couvre l'utilisation de PageLayout, les règles de composition, l'espacement avec Spacer et le levage d'un seul étage. Source : acquia/nebula.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/acquia/nebula --skill nebula-page-storiesCréez des exemples d'histoires de page qui composent plusieurs composants dans des mises en page réalistes. À utiliser lors de la création d'histoires Storybook au niveau de la page qui montrent comment les composants fonctionnent ensemble. Couvre l'utilisation de PageLayout, les règles de composition, l'espacement avec Spacer et le levage d'un seul étage. Source : acquia/nebula.
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 nebula-page-stories 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
https://github.com/acquia/nebula