Home For You Tutorials Claw
⚙️ Technical Documentation

APIs, SDKs &
Integration Guides

Complete technical reference for UX Master. CLI commands, MCP server, Harvester v4, and API integration.

📡

API Reference

Complete API docs

🔍

Harvester v4

Design extraction

⚙️

How It Works

Architecture

💻

GitHub

Source code

CLI Reference

Command Line Interface

Install and control UX Master from your terminal.

Installation
# Install UX-Master CLI
pip install uxmaster-cli

# Or with pipx (recommended)
pipx install uxmaster-cli

1 Initialize

Shell
# Install for Claude
uxm init --ai claude

# Install for all platforms
uxm init --ai all

2 Search

Shell
# Search UX Laws
uxm search "mobile touch" --domain ux-laws

# Generate design system
uxm search "fintech dashboard" --design-system

3 Validate

Shell
# Validate HTML file
uxm validate index.html --suite mobile

# Validate URL
uxm validate https://example.com --url

4 Extract

Shell
# Extract design system
uxm extract https://stripe.com

# Export to Figma
uxm extract https://linear.app --figma

MCP Server

Model Context Protocol

Connect UX Master to Claude, Cursor, and other AI assistants via MCP.

What is MCP?

Model Context Protocol (MCP) allows AI assistants to use UX Master tools directly. Your AI can search UX Laws, validate designs, and extract design systems automatically.

  • 8 built-in tools
  • No authentication required
  • Local server (localhost:3000)
  • Works with Claude, Cursor, etc.
Start MCP Server
# Start the server
uxm mcp start

# Start with custom port
uxm mcp start --port 8080

# Check status
uxm mcp status

Configuration

.claude/settings.json
{
  "mcpServers": {
    "ux-master": {
      "command": "python",
      "args": ["-m", "mcp.server"],
      "env": {
        "PORT": "3000"
      }
    }
  }
}
.cursor/mcp.json
{
  "mcpServers": {
    "ux-master": {
      "url": "http://localhost:3000"
    }
  }
}

Harvester v4

AI-Powered Design Extraction

Extract complete design systems from any website automatically.

120+
Tokens Extracted
v4
AI Visual Analysis
Browser
Automation
Quick Extraction
# Single URL harvest
python3 scripts/harvester_browser.py --url https://example.com

# Multi-page crawl
python3 scripts/harvester_browser.py --url https://example.com --crawl --max-pages 10

# Full workflow: Extract + Index + Generate
python3 scripts/harvester_cli.py quick https://example.com --framework semi

Complete Harvester Guide

Full documentation on browser automation, AI visual analysis, and component generation.

Output Includes

  • • Color histogram & semantic colors
  • • Typography scale & font pairings
  • • Spacing & layout metrics
  • • Component blueprints
  • • Screenshots (desktop + mobile)

REST API

API Endpoints

Programmatic access to all UX Master features.

POST
/mcp/v1/tools/search_ux_laws

Search 48 UX Laws for psychology-driven design principles.

POST
/mcp/v1/tools/validate_design

Validate UI code against 37 Design Tests.

POST
/mcp/v1/tools/extract_design_system

Extract design system from any website URL.

POST
/mcp/v1/tools/generate_design_system

Generate design system from description.

Integrations

Platform Integration

🎯

Figma

Bidirectional sync with Figma Tokens Studio. Import/export design tokens.

View guide →
💠

Google Stitch

Generate AI prompts for Google Stitch. Create consistent AI-generated designs.

View guide →
⚛️

React / Next.js

Component generation for React. Tailwind CSS integration.

View guide →
🍃

Vue / Nuxt

Vue 3 component templates. Nuxt UI integration patterns.

Coming soon
🟧

Svelte

SvelteKit integration. Store patterns and transitions.

Coming soon
📱

React Native

Cross-platform mobile components. Native styling patterns.

Coming soon
🆘

Need Help?

Found a bug? Need help with integration? Join our community or open an issue on GitHub.