Storybook manager
Manage multiple Storybook instances across worktrees. Use when starting, stopping, or checking status of Storybook dev servers.From its SKILL.md
npx -y skills add MinBZK/storybook --skill storybook-managerAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.6 KB, as published. Nobody here has run it
Storybook Manager
Beheert meerdere Storybook instances, handig bij werken met git worktrees.
Commands
| Command | Beschrijving |
|---|---|
npm run sb:start | Start Storybook vanuit huidige directory (auto-port) |
npm run sb:stop | Stop Storybook voor huidige directory |
npm run sb:status | Toon alle draaiende Storybook instances |
npm run sb:stop-all | Stop alle Storybook instances |
Hoe het werkt
- Automatische poort toewijzing: Eerste instance krijgt 6006, volgende 6007, etc.
- Registry: Alle instances worden bijgehouden in
~/.claude/storybook-instances.json - Cross-platform: Werkt op Windows, Mac en Linux
- Worktree support: Elke worktree kan eigen Storybook draaien op unieke poort
Voorbeeld output sb:status
Running Storybook instances:
feat/component-skill http://localhost:6006 (PID 16748)
main http://localhost:6007 (PID 36916)
Implementatie
Script: scripts/storybook-manager.js
Het script:
- Detecteert huidige git branch
- Zoekt eerste vrije poort vanaf 6006
- Start Storybook als detached process
- Slaat PID, poort en pad op in registry
- Bij stop: leest registry en killt correct process
Tips
- Check altijd
sb:statusvoordat je een nieuwe instance start - Gebruik
sb:stop-allbij port conflicts of om op te ruimen - De oude
npm run storybookwerkt nog steeds (altijd poort 6006)