What files does this skill require to function?

The skill requires a Rootage YAML file located in /packages/rootage/components/ representing the component's technical specification.

Does it support different levels of documentation detail?

Yes, you can choose between 'simple' (basic props and specs) and 'comprehensive' (includes anatomy, guidelines, and comparison sections) documentation types.

How are images managed within the generated docs?

The skill enforces a strict naming convention for WebP images and provides shell commands to convert PNGs and organize them in the public directory.

Can I use this for components other than SEED?

While optimized for SEED Design System's Rootage YAML and MDX structure, the logic can be adapted for other systems using similar YAML-based prop schemas.

SEED Design System Doc Generator

Name: SEED Design System Doc Generator
Author: Microck

byMicrock

•

Design Tools

Automates the creation of high-quality, standardized component documentation for the SEED Design System using Rootage YAML specs.

About

This skill streamlines the documentation process for the SEED Design System by automatically generating comprehensive MDX-based component guidelines. It extracts technical specifications directly from Rootage YAML files, ensures consistent document structures—including anatomy, props tables, and usage guidelines—and provides standardized image path mapping and Korean localization. It is an essential tool for developers and designers who need to maintain synchronized, professional, and accessible design system documentation with minimal manual effort.

Key Features

81 GitHub stars
Automatic prop extraction from Rootage YAML specification files
Standardized image naming conventions and path mapping for WebP assets
Dual-mode generation for simple or comprehensive MDX documentation
Professional Korean localization with optimized tone and voice guidelines
Built-in support for PlatformStatusTable and ComponentSpecBlock components

Use Cases

Initializing documentation for new design system components
Syncing existing MDX documentation with updated Rootage YAML definitions
Creating version migration guides from V2 to V3 specifications

About

Key Features

81 GitHub stars
Automatic prop extraction from Rootage YAML specification files
Standardized image naming conventions and path mapping for WebP assets
Dual-mode generation for simple or comprehensive MDX documentation
Professional Korean localization with optimized tone and voice guidelines
Built-in support for PlatformStatusTable and ComponentSpecBlock components

Use Cases

Initializing documentation for new design system components
Syncing existing MDX documentation with updated Rootage YAML definitions
Creating version migration guides from V2 to V3 specifications