A comprehensive design intelligence CLI and database for generating accessible, high-performance design systems from natural language.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install ui-ux
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install ui-ux using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is UI/UX Pro Max?
UI/UX Pro Max is a sophisticated design intelligence tool designed to bridge the gap between abstract requirements and implementation-ready design systems. It provides developers with instant access to a curated database of 50+ styles, 97 color palettes, 57 font pairings, and 99 critical UX rules. By leveraging this tool within Openclaw Skills, developers can automate the creation of visual identities that are not only aesthetically pleasing but also technically sound and accessible.
The skill operates via a powerful Python-based CLI that processes natural language queries to output structured design documentation. It moves beyond simple styling by incorporating deep logic for accessibility, performance, and interaction design, ensuring that every component meets professional standards before a single line of CSS is written.
UI/UX Pro Max Use Cases
- Creating complete design systems for SaaS, e-commerce, or fintech products from scratch.
- Validating frontend implementations against accessibility and touch-interaction standards.
- Automating the selection of typography and color palettes based on industry-specific psychological triggers.
- Generating page-specific design overrides for complex dashboards and landing pages.
- Standardizing design patterns across multiple frameworks like React, Vue, and Tailwind CSS.
How UI/UX Pro Max Works
- The user provides high-level requirements including product type, industry keywords, and preferred visual styles.
- The CLI search engine runs parallel queries across five distinct domains: product, style, color, landing, and typography.
- A reasoning engine applies rules to synthesize these data points into a unified design system.
- The system generates a MASTER.md file to serve as the global source of truth for the project's visual language.
- Developers use domain-specific searches to retrieve granular implementation details for charts, animations, or stack-specific components.
UI/UX Pro Max Setup
Install the skill into your local environment using the Openclaw Skills manager:
npx clawhub@latest install ui-ux-pro-max
Ensure Python 3 is available on your system to run the search and generation scripts:
python3 --version
UI/UX Pro Max Data Schema & Taxonomy
UI/UX Pro Max utilizes a hierarchical file structure to manage design tokens and rules:
| Component | Path / Format | Description |
|---|---|---|
| Global Truth | design-system/MASTER.md |
Contains core patterns, colors, and typography for the entire project. |
| Page Overrides | design-system/pages/*.md |
Specific style adjustments that override the master file for unique views. |
| Reasoning Data | ui-reasoning.csv |
The underlying logic mapping industries to specific design styles. |
| Search CLI | scripts/search.py |
The primary interface for querying the design database. |
UI/UX Pro Max Advanced Features
- Intelligent hierarchical retrieval that allows page-specific design rules to override global project settings.
- Multi-stack optimization providing tailored implementation code for Tailwind, React, Next.js, SwiftUI, and Flutter.
- Parallel domain processing that analyzes accessibility, performance, and style simultaneously.
- Automated design system persistence for maintaining consistent documentation across long-term development cycles.
- Support for multiple output formats including terminal-optimized ASCII boxes and documentation-ready Markdown.
SKILL.md
Loading
Related Openclaw Skills
UI Design
A comprehensive framework for building production-grade web interfaces focusing on typography, layout, and accessibility.
Turborepo Monorepo Build System
A high-performance build system for JavaScript and TypeScript monorepos that leverages intelligent caching and parallel execution.
Track Performance (Uniswap LP)
An automated monitoring skill for tracking Uniswap LP health, fee accumulation, and price range status across multiple chains.
Theme Factory
A professional styling engine for applying curated color palettes and typography to slide decks, reports, and landing pages.
Uniswap Pool Analysis
A professional tool for AI agents to query and analyze Uniswap v3 and v4 pool metrics directly on-chain using viem.
Uniswap Swap Simulation
A comprehensive tool for simulating Uniswap V3 swaps, calculating slippage, and determining optimal routing before executing on-chain transactions.
Featured*
