Agent skill

storybook-scaffolder

Generates a Storybook story file (*.stories.tsx) with M3 design token imports and interactive variant stories. Use when documenting React components for development and QA testing.

View SKILL.md on GitHub Repository
Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/storybook-scaffolder

SKILL.md

Storybook Scaffolder Workflow (v2)

  1. Get component path.
  2. Generate .stories.tsx file from template.
  3. Prepend this line to the top of the generated file: import 'src/styles/design-tokens.css';
  4. Report success.

Didn't find tool you were looking for?

Be as detailed as possible for better results