writing-storybook-stories

Installation
SKILL.md

Write Storybook Stories for ComfyUI_frontend

Workflow

  1. !!!!IMPORTANT Confirm the worktree is on a feat/* or fix/* branch. Base PRs on the local main, not a fork branch.
  2. Read the component source first. Understand props, emits, slots, exposed methods, and any supporting types or composables.
  3. Read nearby stories before writing anything.
    • Search stories: rg --files src apps | rg '\.stories\.ts$'
    • Inspect title patterns: rg -n "title:\\s*'" src apps --glob '*.stories.ts'
  4. If a Figma link is provided, list the states you need to cover before writing stories.
  5. Co-locate the story file with the component: ComponentName.stories.ts.
  6. Add each variation on separate stories, except hover state. this should be automatically applied by the implementation and not require a separate story.
  7. Run Storybook and validation checks before handing off.

Match Local Conventions

Installs
2
GitHub Stars
1.8K
First Seen
Jun 11, 2026
writing-storybook-stories — comfy-org/comfyui_frontend