omd:reference-capture
CommunityAutomate design reference capture from live websites.
Authorkwakseongjae
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the capture of design contexts (tokens, structure, visual references) from selected live brand websites, reducing the manual effort and potential errors in design reference collection.
Core Features & Use Cases
- Automated Live Reference Capture: Captures design contexts like tokens, structures, and visual references from live brand websites.
- Reference Management: Collects captured data in
assets/_reference/<id>/directory for further use in design projects. - Use Case: For a brand new product design, you can use this Skill to capture the design references from a similar existing product website and apply them to your design process.
Quick Start
Run the command 'omd:reference-capture <brand-id>' to capture design references from the brand's live website.
Dependency Matrix
Required Modules
pypdfpdfplumberplaywright
Components
scriptsreferencesassets
💻 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:reference-capture Download link: https://github.com/kwakseongjae/oh-my-design/archive/main.zip#omd-reference-capture 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.