storybook

star 4

Scaffold storybook config (.storybook/main.ts, preview.ts) plus auto-generated *.stories.tsx files for every PascalCase component in the codebase that has a matching named export. Caps at 50 components per run. dragoon does NOT install storybook - run `npx storybook init` after. Use to bootstrap stories quickly across an existing component library. Run as `node ~/.claude/skills/dragoon/skills/storybook/scripts/storybook.js`.

Dragoon0x By Dragoon0x schedule Updated 4/28/2026
play_arrow Run Skill in Manus View GitHub

name: storybook description: Scaffold storybook config (.storybook/main.ts, preview.ts) plus auto-generated *.stories.tsx files for every PascalCase component in the codebase that has a matching named export. Caps at 50 components per run. dragoon does NOT install storybook - run npx storybook init after. Use to bootstrap stories quickly across an existing component library. Run as node ~/.claude/skills/dragoon/skills/storybook/scripts/storybook.js. version: 1.0.0

/storybook

Auto-generates a story for every component, plus storybook config.

When to use

  • Setting up storybook for the first time
  • Backfilling stories for an existing component library
  • The user says "add storybook", "scaffold stories"

Run it

dragoon storybook            # preview
dragoon storybook --apply    # write stories for every component

Then

npm i -D @storybook/react-vite @storybook/react @storybook/addon-essentials
npx storybook init
npm run storybook
Install via CLI
npx skills add https://github.com/Dragoon0x/dragoon-skills --skill storybook
Repository Details
star Stars 4
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator
Dragoon0x
Dragoon0x Explore all skills →