⚡ Quick Install
ZeroClaw uses the standard agentskills.io format. UX Master is fully compatible:
Option 1: Clone & Link
# Clone UX Master
git clone https://github.com/relukdev/ux-master.git ~/skills/ux-master
# Tell ZeroClaw about it
zeroclaw skills add ~/skills/ux-master
Option 2: Direct Reference
# Add from GitHub directly
zeroclaw skills install https://github.com/relukdev/ux-master
Verify Installation
# Check skill is loaded
zeroclaw skills list
# Expected output:
# ux-master v2.0.0 1032+ design rules, 48 UX Laws, 8 framework skills
🏗️ Architecture Fit
ZeroClaw's Rust-native design and UX Master's local-first approach are a perfect match:
🔒 100% Local
All design analysis runs on your machine. No API calls. No telemetry. Your design tokens never leave your VPS.
⚡ Zero Latency
SKILL.md is loaded into context instantly. BM25 search across 1032+ rules in milliseconds.
📋 agentskills.io
Standard SKILL.md frontmatter. No proprietary formats. Works with any compatible agent.
🔄 Git Native
Update with git pull. Version everything. Fork and customize freely.
🎯 Common Workflows
1. Design System Extraction
# Extract from any URL
python3 scripts/harvester_cli.py quick https://stripe.com --framework semi
# Output: design-system.css, design-system.json, components/
2. Component Generation
# Generate all components from extracted tokens
python3 scripts/component_generator.py \
--input output/stripe/design-system.json \
--all --output ./components
# Validate TypeScript compiles
npx tsc --noEmit
3. UX Law Lookup
# Search design rules by topic
python3 scripts/search_ux_laws.py "mobile checkout form"
# Returns: Hick's Law, Fitts' Law, Miller's Law
# With specific actionable recommendations
4. Design Quality Audit
# Run 37 design tests on your output
python3 scripts/design_test_runner.py --input ./my-app
# Output: PASS/FAIL for contrast, responsive, a11y, performance
📁 Skill File Structure
ux-master/
├── SKILL.md # Main skill file (agentskills.io standard)
├── scripts/
│ ├── install.py # Auto-detect & install for any AI tool
│ ├── harvester_cli.py # Design system extraction CLI
│ ├── component_generator.py
│ ├── token_mapper.py # Map to Semi Design CSS variables
│ └── design_doc_generator.py
├── .skills/skills/ux-master/
│ └── SKILL.md # Nested skill (for multi-skill setups)
├── dist/
│ ├── clawhub/ # OpenClaw-optimized package
│ └── zeroclaw/ # ZeroClaw-optimized package ← You are here
└── docs/ # This documentation site
🏆 Why UX Master on ZeroClaw?
"The only design skill that actually makes AI write beautiful code. Not just guidelines — enforceable rules."
| Capability | Without UX Master | With UX Master |
|---|---|---|
| Design quality | Generic, inconsistent | Studio-grade, consistent |
| Design system | None / hardcoded colors | 120+ tokens, CSS variables |
| UX compliance | Random | 48 scientific laws enforced |
| Framework rules | Basic patterns | 250+ rules per framework |
| Quality assurance | Manual review | 37 automated tests |