storybook
Installation
SKILL.md
Storybook
Storybook is a frontend workshop for building UI components and pages in isolation. It enables you to develop UI components without running your entire app (and logic/APIs).
When to Use
- Isolated UI Component Development: Developing React, Vue, Svelte, or Angular components in isolation without launching backends.
- Interactive Design System Documentation: Publishing living styleguides and component catalogs for designer and developer handoff.
- Visual Regression Testing: Detecting unexpected visual pixel shifts across browser viewports with Chromatic.
- Accessibility (a11y) Auditing: Automated component accessibility testing via the
@storybook/addon-a11yplugin.
Quick Start
npx storybook@latest init
npm run storybook
Snippet: