⚡ Install in 60 Seconds
OpenClaw makes skill installation dead simple. Choose your preferred method:
Method 1: Via Telegram Bot (Recommended)
Chat with your OpenClaw bot on Telegram:
You: Install the ux-master skill from GitHub
🐾 OpenClaw: Cloning ux-master... ✅ Skill installed successfully! 1032+ design rules loaded. Type "help ux-master" to see available commands.
Method 2: One-Command Install
SSH into your VPS and run:
bash <(curl -sL https://raw.githubusercontent.com/relukdev/ux-master/main/dist/clawhub/ux-master/scripts/install.sh)Method 3: Manual Install
# Clone the repository
git clone https://github.com/relukdev/ux-master.git ~/.opencode/skills/ux-master
# Or update existing installation
cd ~/.opencode/skills/ux-master && git pullAfter installation, verify by asking your bot:
You: What design skills do you have?
🐾 OpenClaw: UX Master loaded — 1032+ design rules, 48 UX Laws, 37 Design Tests, 8 framework skills, 67 design styles. Ready to design!
🎨 Your First Design System
Extract a complete design system from any website — just by chatting:
You: Extract design system from https://linear.app
🐾 OpenClaw: Running UX Master Harvester...
✅ Extracted 127 tokens: 24 colors, 8 fonts, 12 spacing scales,
shadows, borders
✅ Generated: design-system.css, design-system.json, semi-theme-override.css
✅ Components ready: Button, Card, Input, Badge
🏗️ Build Beautiful Products
Now use the extracted design system to build anything:
🌐 Landing Pages
Create a fintech landing page with dark theme
AI applies 48 UX Laws + your design tokens automatically
📊 Dashboards
Build an analytics dashboard for my SaaS
Data density rules + proper spacing + accessible charts
📱 Mobile Apps
Design an e-commerce mobile app in React Native
Touch targets ≥ 44px, gesture patterns, platform conventions
🎯 UX Audits
Audit this page for UX issues
37 automated tests: contrast, responsive, accessibility, load
🚀 Power Commands via Chat
Everything works through natural language. Here are the most useful commands:
| What you say | What happens |
|---|---|
"Extract design from [URL]" |
Full design system extraction |
"Create [type] for [industry]" |
Generate with industry-specific rules |
"Search UX laws for [topic]" |
BM25 search across 48 UX laws |
"Run design test on [page]" |
37-point quality assessment |
"Generate [component] component" |
React/Vue/Svelte component with tokens |
"What style fits [industry]?" |
Style recommendation from 67 options |
📦 What's Included
48 UX Laws
Hick's, Fitts', Miller's + 45 more scientific principles
37 Design Tests
Automated quality checks for contrast, responsive, a11y
67 Design Styles
Glassmorphism, Brutalism, Skeuomorphism + 64 more
8 Framework Skills
React, Next.js, Vue, Svelte, SwiftUI, RN, Flutter, Tailwind
16 Industries
Fintech, e-commerce, healthcare, SaaS + 12 more
Design Harvester
Extract 120+ tokens from any live website