Erstellen Sie Beispielseitengeschichten, die mehrere Komponenten zu realistischen Layouts zusammensetzen. Verwenden Sie diese Option, wenn Sie Storybook-Geschichten auf Seitenebene erstellen, die zeigen, wie Komponenten zusammenarbeiten. Behandelt die Verwendung von PageLayout, Kompositionsregeln, Abstände mit Spacer und das Heben einzelner Stockwerke.
Installieren Sie den KI-Skill nebula-page-stories schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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.
Erstellen Sie Beispielseitengeschichten, die mehrere Komponenten zu realistischen Layouts zusammensetzen. Verwenden Sie diese Option, wenn Sie Storybook-Geschichten auf Seitenebene erstellen, die zeigen, wie Komponenten zusammenarbeiten. Behandelt die Verwendung von PageLayout, Kompositionsregeln, Abstände mit Spacer und das Heben einzelner Stockwerke. Quelle: acquia/nebula.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/acquia/nebula --skill nebula-page-storiesErstellen Sie Beispielseitengeschichten, die mehrere Komponenten zu realistischen Layouts zusammensetzen. Verwenden Sie diese Option, wenn Sie Storybook-Geschichten auf Seitenebene erstellen, die zeigen, wie Komponenten zusammenarbeiten. Behandelt die Verwendung von PageLayout, Kompositionsregeln, Abstände mit Spacer und das Heben einzelner Stockwerke. Quelle: acquia/nebula.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/acquia/nebula --skill nebula-page-stories Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/acquia/nebula