component-docs-writer

To generate MDX component documentation, use this Skill to create structured MDX files that include anatomy diagrams, interactive demos, and usage guidelines following established UX principles.

The best way to document interactive component demos is generating `.demo.tsx` files alongside your MDX documentation to showcase component functionality and ensure accurate rendering.

Yes, this documentation generator supports creating anatomy diagrams by providing specific instructions and patterns for building clear SVG anatomy diagrams for your components.

Yes, you can use this to write documentation for design system foundations and patterns, as it supports structured content creation across components, patterns, and foundations.

You validate the completeness of generated component documentation by running the built-in validation scripts that check your MDX files against specific component patterns and required content.