Can I customize the generated sections?

Yes, you can choose between 'simple' and 'comprehensive' types and toggle sections like Anatomy, Comparison, and V2 Differences.

How does the skill extract component properties?

It reads the Rootage YAML specification files located in the /packages/rootage/components/ directory to identify slots, variants, and sizes.

What is the SEED Design System?

The SEED Design System is a UI framework, and this skill is designed to automate its specific documentation requirements and standards.

Does this skill support English documentation?

While the structure is standard, this specific skill is optimized for Korean professional design guidelines, terminology, and tone.

How are images managed in the documentation?

The skill follows strict naming conventions for components and provides commands to convert PNG assets into optimized WebP formats.

Seed Design Documentation Generator

Name: Seed Design Documentation Generator
Author: Microck

byMicrock

•

Herramientas de Diseño

Generates high-quality Korean component guidelines for the SEED Design System by extracting data from Rootage YAML specifications.

Acerca de

This skill automates the creation of comprehensive design system documentation (MDX) for the SEED Design System. It streamlines the documentation workflow by reading Rootage YAML files to automatically extract component properties, variants, and sizes, then generates structured guides including anatomy, design principles, and usage examples (Do/Don't). It is particularly useful for design engineers and documentation maintainers who need to ensure consistency across UI component guides while adhering to standardized image naming and Korean language guidelines.

Características Principales

Integrated image path standardization and WebP conversion workflow
Tailored Korean 'Tone & Voice' for professional design system documentation
Built-in support for Do/Don't usage grids and design principle sections
Automatic prop extraction from Rootage YAML specifications
Standardized MDX generation for Simple and Comprehensive document types
81 GitHub stars

Casos de Uso

Updating existing component documentation with updated design specifications
Creating initial guideline documentation for new UI components
Generating migration guides when moving from V2 to V3 design system versions

Acerca de

Características Principales

Integrated image path standardization and WebP conversion workflow
Tailored Korean 'Tone & Voice' for professional design system documentation
Built-in support for Do/Don't usage grids and design principle sections
Automatic prop extraction from Rootage YAML specifications
Standardized MDX generation for Simple and Comprehensive document types
81 GitHub stars

Casos de Uso

Updating existing component documentation with updated design specifications
Creating initial guideline documentation for new UI components
Generating migration guides when moving from V2 to V3 design system versions