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.

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

0181 GitHub stars

02Automatic prop extraction from Rootage YAML specification files

03Standardized image naming conventions and path mapping for WebP assets

04Dual-mode generation for simple or comprehensive MDX documentation

05Professional Korean localization with optimized tone and voice guidelines

06Built-in support for PlatformStatusTable and ComponentSpecBlock components

Use Cases

01Initializing documentation for new design system components

02Syncing existing MDX documentation with updated Rootage YAML definitions

03Creating version migration guides from V2 to V3 specifications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/ordinary-claude-skills component-guidelines-docs

For use in Claude.ai and ChatGPT

Download Skill