ui-style-format - UI Design Style Format Specification
Defines file format schema for UI design styles with reference image support
Tags
Updated: 2026-03-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- read design-style.md file
- parse markdown tables
- validate style files
- split markdown headers
- extract key-value pairs
- resolve reference images
- list reference images
- validate hex codes
- check file existence
- match components
- compare implementations
- validate style tokens
Inputs
- .claude/design-style.md
- .claude/design-references/
- reference images (PNG/JPG/WebP)
- MANIFEST.md
- implementation screenshots
Outputs
- parsed style definitions
- reference image links
- validation results
- extracted sections
- extracted key-value pairs
- resolved image paths
- reference image list
- style tokens
- comparison results
Requirements
- .claude directory structure
- markdown parser
- table parser
- PNG/JPG/WebP support
- UI agent integration
- version 1.x or 2.x compatibility