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 |
Escribe y mantiene historias de Storybook y pruebas de interacción utilizando el formato CSF3. Cubre historias de componentes, funciones de juego, pruebas de regresión visual con cromática y pruebas de accesibilidad. Úselo al crear documentación de componentes, escribir pruebas de interacción, depurar fallas de pruebas, configurar instantáneas visuales o actualizar la estructura de la historia. Úselo para CSF3, funciones de reproducción, userEvent, consultas de la biblioteca de pruebas, configuración cromática, autodocs, MDX. Fuente: oakoss/agent-skills.