A professional design intelligence tool providing comprehensive UI/UX guidelines, color palettes, and typography pairings for high-quality web and mobile development.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install ui-ux-pro-max-2
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-pro-max-2 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 comprehensive design intelligence skill designed to bridge the gap between aesthetic vision and technical implementation within Openclaw Skills. It serves as a searchable database containing over 50 design styles, 97 color palettes, and 57 font pairings tailored for modern application development. Whether you are building a SaaS dashboard, a luxury e-commerce site, or a mobile app, this tool provides the foundational logic needed to create polished, accessible, and high-performing user interfaces.
The skill goes beyond simple recommendations by incorporating a reasoning engine that selects the best design patterns based on specific industries and product types. It supports 9 technology stacks, including React, Next.js, Vue, and Tailwind CSS, ensuring that the generated design systems are not only visually appealing but also technically sound and ready for production deployment.
UI/UX Pro Max Use Cases
- Designing responsive landing pages and SaaS dashboards from scratch using industry-specific patterns.
- Selecting accessible color palettes and typography pairings that meet WCAG contrast standards.
- Auditing existing codebases for UX issues such as touch target size, focus states, and interaction feedback.
- Generating a consistent design system for multi-page applications using hierarchical persistence rules.
- Implementing complex UI styles like glassmorphism, claymorphism, or bento grids with best-practice implementation code.
How UI/UX Pro Max Works
- Analyze user requirements to identify the product type, target industry, and desired aesthetic keywords.
- Generate a comprehensive design system using the design-system flag to establish the visual and logical foundation of the project.
- Persist the design rules into a Master document to ensure consistency across the entire development session.
- Perform domain-specific searches for specialized elements like data charts, micro-animations, or landing page structures.
- Retrieve stack-specific implementation guidelines (e.g., Tailwind utility classes or React hooks) to translate the design into functional code.
- Validate the final output against a professional pre-delivery checklist focused on accessibility, performance, and interaction quality.
UI/UX Pro Max Setup
To utilize this skill for Openclaw Skills, ensure Python is installed on your system to run the design search scripts.
# Verify Python installation
python3 --version || python --version
Installation by OS:
- macOS:
brew install python3 - Ubuntu/Debian:
sudo apt update && sudo apt install python3 - Windows:
winget install Python.Python.3.12
Once installed, you can search the database using the internal Python scripts provided in the skill directory.
UI/UX Pro Max Data Schema & Taxonomy
The skill organizes design data through a hierarchical persistence model, allowing for global rules and page-specific overrides.
| Data Component | Description |
|---|---|
design-system/MASTER.md |
The global source of truth containing all base design rules, color palettes, and styles. |
design-system/pages/ |
A directory containing markdown files for specific page deviations from the master system. |
ui-reasoning.csv |
The underlying logic layer used to map industry requirements to specific design patterns. |
scripts/search.py |
The core CLI utility for querying the design intelligence database across multiple domains. |
UI/UX Pro Max Advanced Features
- Hierarchical Rule Retrieval: Automatically prioritizes page-specific design overrides while falling back to the Master system for global consistency.
- Multi-Domain Parallel Search: Queries five distinct domains (product, style, color, landing, typography) simultaneously to build a complete design system in one step.
- Master + Overrides Pattern: Enables Openclaw Skills to maintain a unified visual language across large-scale projects while allowing for specific page customization.
- Stack-Specific Optimization: Provides tailored implementation advice for 10 different technology stacks, including mobile frameworks like SwiftUI and Flutter.
- Design Reasoning Engine: Uses industry-based logic to select the most appropriate design patterns and avoid common anti-patterns automatically.
SKILL.md
Loading
Related Openclaw Skills
Frontend Design Skill
A specialized AI coding skill designed to generate production-grade, aesthetically unique frontend interfaces that avoid common AI design tropes.
Mayar Payment Integration
An AI-powered payment integration skill that enables automated Mayar.id invoice generation and transaction tracking for Indonesian markets.
Mayar Payment Integration
A comprehensive MCP integration for Mayar.id to handle Indonesian payment processing, invoice generation, and transaction tracking via AI agents.
FireAnt Stock Price Checker
Automated real-time price and index tracking for the Vietnamese stock market using FireAnt.vn.
ML Pipeline for Trading & Finance
The ML Pipeline provides an end-to-end framework for feature engineering, AutoML, and anti-leakage validation specifically designed for quantitative trading within Openclaw Skills.
Nautilus Trader
A professional-grade algorithmic trading framework for building, backtesting, and deploying strategies on Hyperliquid.
Featured*
