Automate Storybook story creation for React components using atomic design.
npx skills add https://github.com/AJV009/drupal-devkit --skill stories-ajv009
Please help me install this Agent Skill. Skill: stories Source: https://github.com/AJV009/drupal-devkit/tree/main/plugins/migrate-drupal-canvas/skills/stories Command: npx skills add https://github.com/AJV009/drupal-devkit --skill stories-ajv009
Stories prove your components work. They are living documentation, visual regression references, and the first line of defense for catching structural gaps early.
Create and commit a new story following atomic design conventions under canvas/src/stories.
High-intent search queries and answers about installing and using this skill.
You can automate Storybook story creation by applying Canvas-style atomic design conventions. The Skill generates unit and page stories for Atoms, Molecules, Organisms, Templates, and Pages, using existing component.yml examples for auto-generated variants.
Storybook stories serve as living documentation and visual regression references. They prove your React components work and act as the first line of defense for catching structural gaps early in your component library.
Auto documentation is generated by cross-referencing component.yml props and slots. The Skill creates stories with autodocs enabled, applying naming conventions and asset placeholder guidelines automatically.
Yes, the Skill supports Drupal CMS workflows by providing migration-oriented stories. It ensures compliance with page story rules and includes test stories to support regression testing during migrations.
Page stories must comply with specific page story rules and single-story hoisting guidelines. The Skill enforces these constraints while using PageLayout templates to ensure your stories remain structurally valid.
AJV009Implement Storybook documentation and testing for Drupal Single Directory Components.
cartridge-ggUpdate Storybook visual regression snapshots after intentional UI changes.
AJV009Validate Canvas component.yml metadata against structural and type requirements.
iButtersCreate CSF 3.0 Storybook stories for React components with MDX documentation.
