writing-storybook-stories
Installation
SKILL.md
Write Storybook Stories for ComfyUI_frontend
Workflow
- !!!!IMPORTANT Confirm the worktree is on a
feat/*orfix/*branch. Base PRs on the localmain, not a fork branch. - Read the component source first. Understand props, emits, slots, exposed methods, and any supporting types or composables.
- 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'
- Search stories:
- If a Figma link is provided, list the states you need to cover before writing stories.
- Co-locate the story file with the component:
ComponentName.stories.ts. - Add each variation on separate stories, except hover state. this should be automatically applied by the implementation and not require a separate story.
- Run Storybook and validation checks before handing off.