Storybook is a frontend workshop for building UI components in isolation. Stories are written in Component Story Format 3 (CSF3), which uses object syntax with args for type-safe component documentation and testing.
When to use: Component documentation with live examples, interaction testing with play functions, visual regression testing, accessibility validation, design system maintenance, isolated component development.
| Basic story | export const Default: Story = { args } | Use args for simple single components | | Complex story | export const Example: Story = { render } | Use render for multi-component layouts | | Meta configuration | const meta = { component, args } satisfies Meta | Define defaults and argTypes |
Schreibt und pflegt Storybook-Geschichten und Interaktionstests im CSF3-Format. Behandelt Komponentengeschichten, Spielfunktionen, visuelle Regressionstests mit Chromatic und Barrierefreiheitstests. Verwenden Sie es, wenn Sie Komponentendokumentation erstellen, Interaktionstests schreiben, Testfehler debuggen, visuelle Snapshots konfigurieren oder die Story-Struktur aktualisieren. Verwendung für CSF3, Wiedergabefunktionen, UserEvent, Testbibliotheksabfragen, chromatische Konfiguration, Autodocs, MDX. Quelle: oakoss/agent-skills.