Menu
Manage multiple Storybook instances across worktrees. Use when starting, stopping, or checking status of Storybook dev servers.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Bouw applicaties met de web components van het NLDD Design System (@nldd/design-system, Nederlandse Digitale Dienst, Rijksoverheid). Triggers: @nldd/design-system, 'nldd-' tags, vragen over layout, sheets, popovers, modals, formulieren, toegankelijkheid, CSS-tokens of upgraden van dit systeem. NIET voor het ontwikkelen van het design system zelf (daarvoor: /component, /css).
Conventies voor translation keys (i18n microcopy)
Implementeer een Lit + TypeScript web component
Bewerk CHANGELOG.md — voeg release-notes/entries toe boven de laatste versie. Gebruik bij "changelog bijwerken", "release-notes schrijven", of het noteren van wijzigingen die semantic-release niet uit de commits haalt. Legt vast welke
Create and setup a git worktree with all necessary files and dependencies. Use when starting work on a new feature branch.
CSS-conventies voor design-system componenten — MECE breakpoints (expliciet per breakpoint, geen mobile-first overrides), at-rule nesting, lokale variabelen, comments
| name | storybook-manager |
| description | Manage multiple Storybook instances across worktrees. Use when starting, stopping, or checking status of Storybook dev servers. |
| user-invocable | true |
| argument-hint | ["start|stop|status|stop-all"] |
Beheert meerdere Storybook instances, handig bij werken met git worktrees.
| 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 |
~/.claude/storybook-instances.jsonsb:statusRunning Storybook instances:
feat/component-skill http://localhost:6006 (PID 16748)
main http://localhost:6007 (PID 36916)
Script: scripts/storybook-manager.js
Het script:
sb:status voordat je een nieuwe instance startsb:stop-all bij port conflicts of om op te ruimennpm run storybook werkt nog steeds (altijd poort 6006)