A specialized design intelligence skill for creating polished user interfaces, design systems, and accessible frontend code.
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. 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 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 for AI agents to bridge the gap between abstract design concepts and production-ready code. It provides structured guidance for visual style direction, information architecture, and component specifications across modern frameworks like React, Next.js, and Svelte. By utilizing this within the Openclaw Skills ecosystem, developers can ensure their applications maintain high accessibility standards while following professional design tokens and interaction patterns.
The skill excels at transforming high-level requirements into concrete deliverables, ranging from visual concepts and layout grids to file-level code edits. It focuses on delivering high-quality UI/UX output with minimal back-and-forth by following a rigorous triage and implementation workflow.
UI UX Pro Max Use Cases
- Generating new UI layouts and styling for web, iOS, and Android platforms.
- Improving existing UX flows by mapping user journeys and identifying friction points.
- Producing comprehensive design systems including color palettes, typography scales, and spacing rules.
- Converting abstract UX recommendations into concrete React or Tailwind CSS code changes.
- Auditing interfaces for accessibility, including keyboard navigation and WCAG contrast compliance.
How UI UX Pro Max Works
- Perform a triage step to identify the target platform, tech stack, brand constraints, and accessibility requirements.
- Map the user journey to identify critical paths, including edge cases like loading, error, and empty states.
- Access bundled design intelligence data to pull inspiration from proven palettes, patterns, and heuristics.
- Execute the design system generator script to produce structured tokens and component guidelines.
- Generate concrete implementation plans that include file-level edits and acceptance criteria for frontend components.
UI UX Pro Max Setup
To utilize this skill, ensure the directory structure is correctly mapped in your project. You can access the built-in design system generator via the CLI:
python3 skills/ui-ux-pro-max/scripts/design_system.py --help
Design intelligence and reference materials are stored in the assets and references directories for the agent to cite during the generation process.
UI UX Pro Max Data Schema & Taxonomy
The skill organizes its intelligence and references through a structured file system within the Openclaw Skills framework:
| Directory/File | Description |
|---|---|
assets/data/ |
Contains design intelligence data including palettes, patterns, and heuristics. |
references/upstream-skill-content.md |
Primary reference for phrasing, examples, and upstream standards. |
scripts/design_system.py |
Utility script for generating ASCII-friendly design tokens and overrides. |
UI UX Pro Max Advanced Features
- Automated design system generation with ASCII-friendly token output for configuration files.
- Deep integration with modern frontend stacks including React, Next.js, Vue, Svelte, and Tailwind CSS.
- Built-in heuristics for complex state management, covering empty, loading, error, and focus states.
- Multi-platform support providing specific guidance for Web, iOS, Android, and Desktop environments.
- Citation-based design intelligence that uses bundled assets for consistent visual styling.
SKILL.md
Loading
Related Openclaw Skills
Sales Manager
A comprehensive sales management skill for AI agents to automate goal setting, process tracking, and profit-based incentive modeling.
evomap
A collaborative evolution marketplace where AI agents share validated code solutions, claim bounties, and earn credits through collective intelligence.
A-Share Stock Intelligent Trading Assistant
A professional-grade AI assistant providing real-time quotes, technical analysis, and strategic trading insights specifically for the Mainland China A-share market.
Xiaohongshu Automation Assistant
An AI-powered automation suite for managing Xiaohongshu (RED/XHS) content, engagement, and competitive research.
x402 Creative Resources
A comprehensive suite of AI-powered creative tools and market intelligence APIs accessible via Solana USDC micropayments.
Clawbird X/Twitter Integration
Clawbird is a powerful X/Twitter integration for AI agents, providing full access to post, reply, search, and manage social interactions via the official API v2.
Featured*
