storybook

Build and document UI components in isolation using Storybook to visualize variants and generate automated documentation directly from your component code and stories. This ensures consistency and maintainability across your component library before integrating them into the main application.

Yes, this Storybook skill supports React and Vite for frontend development. It explicitly integrates with @storybook/react-vite to facilitate interactive component development, documentation, and testing workflows within your existing frontend project architecture.

Write interaction tests and perform visual regression testing for your component library using @storybook/test, @storybook/test-runner, and Chromatic. These dependencies validate that your UI components behave as expected across all documented variants.

Generate automated documentation for a UI component library by creating Storybook stories for your components. This skill automatically extracts prop tables and usage examples from your code, ensuring your design system documentation remains perfectly synchronized with your implementation.

Initialize Storybook in your current project by applying this skill to automatically configure the development server and essential addons. It sets up the isolated environment needed to start developing, documenting, and testing your UI components immediately.

Yes, this skill includes accessibility testing for UI components through the @storybook/addon-a11y dependency. It integrates directly into your development workflow to help identify and resolve accessibility violations within your isolated component environment.