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.

$ 安裝

git clone https://github.com/okgoogle13/careercopilot /tmp/careercopilot && cp -r /tmp/careercopilot/.claude/skills/storybook-scaffolder ~/.claude/skills/careercopilot

// tip: Run this command in your terminal to install the skill

SKILL.md

View on GitHub →

name: storybook-scaffolder description: "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." version: 2.0.0

Storybook Scaffolder Workflow (v2)

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