Create example page stories that compose multiple components into realistic layouts. Use when building page-level Storybook stories that showcase how components work together. Covers PageLayout usage, composition rules, spacing with Spacer, and single-story hoisting.
Quickly install nebula-page-stories AI skill to your development environment via command line
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.
Create example page stories that compose multiple components into realistic layouts. Use when building page-level Storybook stories that showcase how components work together. Covers PageLayout usage, composition rules, spacing with Spacer, and single-story hoisting. Source: acquia/nebula.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/acquia/nebula --skill nebula-page-storiesCreate example page stories that compose multiple components into realistic layouts. Use when building page-level Storybook stories that showcase how components work together. Covers PageLayout usage, composition rules, spacing with Spacer, and single-story hoisting. Source: acquia/nebula.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/acquia/nebula --skill nebula-page-stories Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/acquia/nebula