component-docs

Component documentation generation automates creating props tables, usage examples, and JSDoc comments for UI components. The Skill produces structured docs that include code blocks, accessible formatting, and Storybook integration notes within your package's README and docs sections.

Yes. Component documentation integrates with Storybook by generating story references and documentation templates that link to your Storybook instances, ensuring consistency between component stories and written documentation.

The Skill enforces consistent documentation templates across components, including JSDoc comments, props tables, usage examples, and accessible structure. Templates apply to new components and improve existing docs within packages/ui/.

The Skill updates existing component docs by regenerating props tables, adding new usage examples, and refreshing Storybook story references while maintaining your template structure and documentation standards.

Have your component code ready with prop definitions and JSDoc comments. The Skill generates documentation from these inputs, creating props tables, examples, and Storybook integration notes that follow the template structure.

The Skill focuses on documenting UI components within packages/ui/. Its template and documentation structure are optimized for that context, though the documentation approach applies to component-based architectures generally.