ds-document-component

You need Storybook installed with reusable Storybook blocks and templates. The Skill uses storybook-html-vite and MDX to generate documentation, requiring these dependencies to be present in your project environment before running the generation command.

The Storybook documentation approach supports multiple component types including web components only, hybrid components, and CSS-only components. It generates dual story variants for web components and HTML/CSS classes, adapting the Canvas component based on the component type.

The best way to create consistent MDX documentation is to automate generation using Storybook's built-in blocks and templates. This produces six standardized subpages per component, ensuring uniform documentation structure across the entire Baloise Design System without manual writing.

Generate the six standard documentation pages by running the generate-documentation command with the component name as an argument. This automatically produces the Overview, Usage, Variants, Styling, Accessibility, and Testing MDX subpages using reusable Storybook blocks.

Yes, the generated MDX documentation includes dedicated Accessibility and Testing subpages. By running the generation command, these sections are automatically created using Storybook's blocks and templates, integrating seamlessly with your existing component stories.