Does it support TypeScript?

Absolutely. It specializes in extracting TypeScript interface definitions to create accurate API prop documentation and type-safe usage examples.

What types of documentation does this skill support?

It supports a wide range of formats including README files, Storybook stories (CSF and MDX), API prop tables, usage guides, and version migration documentation.

Can it generate Storybook stories from my existing components?

Yes, it analyzes your component files to create story variants, interactive controls, and MDX documentation pages based on your source code.

Can I use it for version upgrades and breaking changes?

Yes, the skill is equipped to identify breaking changes and provide structured templates for before/after examples and clear migration steps.

How does it help with accessibility documentation?

The skill includes specific sections for accessibility guidelines, ARIA attributes, and can integrate accessibility check addons within generated Storybook stories.

Component Documenter

Name: Component Documenter
Author: deve1993

bydeve1993

•

Aprendizaje y Documentación

Generates professional documentation for component libraries, including READMEs, Storybook stories, API references, and migration guides.

Acerca de

Component Documenter is a specialized skill designed to automate and standardize the documentation process for frontend design systems and component libraries. It streamlines the creation of interactive Storybook stories, detailed API prop tables, and user-friendly README files, ensuring consistency across your codebase. Whether you are launching a new UI kit or maintaining an enterprise-grade library, this skill helps developers create high-quality migration guides and usage examples that improve developer experience and library adoption.

Características Principales

Accessibility-focused documentation and usage best practices
Detailed API documentation with TypeScript prop definitions
Comprehensive migration guides and breaking change logs
1 GitHub stars
Automated README generation with installation and usage templates
Interactive Storybook story and MDX documentation creation

Casos de Uso

Creating version-to-version migration guides for design system users
Updating Storybook files when component APIs or variants change
Generating documentation for a new React or Vue UI library

Acerca de

Características Principales

Accessibility-focused documentation and usage best practices
Detailed API documentation with TypeScript prop definitions
Comprehensive migration guides and breaking change logs
1 GitHub stars
Automated README generation with installation and usage templates
Interactive Storybook story and MDX documentation creation

Casos de Uso

Creating version-to-version migration guides for design system users
Updating Storybook files when component APIs or variants change
Generating documentation for a new React or Vue UI library