Back to skills
extension
Category: Development & EngineeringNo API key required

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.

personAuthor: jakexiaohubgithub

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.