Author and refactor Storybook stories using CSF 3.0 best practices.
npx skills add https://github.com/pedronauck/skills --skill storybook-pedronauck
Please help me install this Agent Skill. Skill: storybook Source: https://github.com/pedronauck/skills/tree/main/skills/storybook Command: npx skills add https://github.com/pedronauck/skills --skill storybook-pedronauck
This Skill streamlines the process of creating and maintaining UI component documentation and interactive examples using Storybook, ensuring consistency and best practices.
autodocs for generating component documentation.Use the storybook skill to create a new primary button story following CSF 3.0 best practices.
High-intent search queries and answers about installing and using this skill.
To write Storybook stories using CSF 3.0 best practices, you should define type-safe Meta definitions, manage component Args, and leverage automatic type inference for ArgTypes to ensure consistency and interactive component testing.
Decorators and Parameters customize UI component behavior in Storybook by applying contextual wrappers and configuring global or story-level settings, allowing developers to dynamically test and visualize component variants under different mock environments.
The best way to document a React component library with Storybook is to leverage the autodocs feature to generate automated component documentation while defining interactive examples through Args and type-safe Meta definitions.
Yes, you can use automatic type inference for ArgTypes in Storybook. By defining a type-safe Meta object, the system automatically infers ArgTypes to streamline your interactive UI development and component testing workflow.
To define component metadata for a new button variant in Storybook, author your stories using the CSF 3.0 standard, specifying the component title, Args for variants like primary or secondary, and applying Decorators for necessary context.
porcupine-mdGenerate React TypeScript UI component scaffolds with tests and optional Storybook stories.
gil00pitaDevelop, document, and test UI components in isolated Storybook workshops.
vecearAutomate Storybook setup, configuration, and CSF3 story authoring for frontend projects.
iButtersCreate CSF 3.0 Storybook stories for React components with MDX documentation.