omd-component-harvest
CommunityEnhance component documentation with harvested patterns and tokens.
Design & Creative#design system#design automation#component documentation#pattern harvesting#token normalization
Authorkwakseongjae
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the enhancement of component documentation by harvesting patterns and tokens from various design systems, providing comprehensive documentation for components.
Core Features & Use Cases
- Component Documentation Harvesting: Extracts component patterns and tokens from existing design systems and references.
- Pattern Expansion: Expands single landing snapshots to include multiple routes and interactions like modals, tabs, tables, etc.
- Token Normalization: Ensures tokens are grounded in actual sources and follows best practices.
- Use Case: For a company using a design system like Primer, this Skill can automatically enrich component documentation with patterns and tokens from the public design system.
Quick Start
Use the omd:component-harvest skill to enhance the documentation for the component found in 'references/<id>/DESIGN.md'.
Dependency Matrix
Required Modules
playwrightpython
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: omd-component-harvest Download link: https://github.com/kwakseongjae/oh-my-design/archive/main.zip#omd-component-harvest Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.