Write and maintain Storybook CSF 3.0 stories for React components.
npx skills add https://github.com/rhuangabrielsantos/skills --skill storybook-rhuangabrielsantos
Please help me install this Agent Skill. Skill: storybook Source: https://github.com/rhuangabrielsantos/skills/tree/main/skills/storybook Command: npx skills add https://github.com/rhuangabrielsantos/skills --skill storybook-rhuangabrielsantos
Streamlines writing and maintaining Storybook CSF 3.0 stories for React components to ensure consistent, type-safe documentation and testing across projects.
Create a new .stories.tsx file next to your component and follow CSF 3.0 guidelines to define meta and stories.
High-intent search queries and answers about installing and using this skill.
Define meta and story objects in a .stories.tsx file next to your React component to write Storybook CSF 3.0 stories, ensuring concise, type-safe component documentation and testing.
Storybook auto title inference automatically derives the sidebar title from the .stories.tsx file path, keeping your sidebar structure synchronized with your project directory without manual configuration.
Use lean ArgTypes with auto-inference to configure args in Storybook CSF 3.0, minimizing manual configuration while maintaining strict type safety for your React component stories.
Yes, you can apply decorators and parameters patterns in Storybook CSF 3.0 to simulate real usage contexts for your React components, ensuring accurate rendering and comprehensive testing scenarios.
Yes, this Storybook CSF 3.0 approach fully supports global preview and config patterns, allowing you to apply overarching decorators and settings consistently across all component stories.
Update to Storybook CSF 3.0 when creating new .stories.tsx files or modifying existing stories for args, decorators, and parameters, ensuring consistent, type-safe component documentation across your project.
flight505Generate Storybook CSF 3.0 stories from React, Vue, and Svelte components.
gihwan-devCapture Storybook story screenshots as PNG assets by story-id.
nekorush14Generate Storybook CSF3 stories with interaction and visual regression testing.
haryelramalhoStandardize Storybook stories and configuration using CSF 3.0 patterns.
