ui-ux-pro-max

Name: ui-ux-pro-max
Availability: InStock
Author: xianmingyao

Generate UI/UX design systems with tokens, patterns, and implementation guidance.

1|1|Updated Mar 18, 2026

Search Tags:#accessibility #frontend #implementation #guidance #tokens #ui-ux #design-system

Ready to run

npx skills add https://github.com/xianmingyao/openclaw-CaySon --skill ui-ux-pro-max-xianmingyao

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/xianmingyao/openclaw-CaySon/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/xianmingyao/openclaw-CaySon --skill ui-ux-pro-max-xianmingyao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.

Core Features & Use Cases

Generate new UI layouts and styling
Improve existing UI/UX
Produce design-system tokens and component guidelines
Turn UX recommendations into concrete code changes

Quick Start

Ask for a UI/UX task and the system will generate a complete design system and implementation guidance.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a complete UI design system from a prompt?▼

Yes, you can generate code-ready component specs and concrete code changes for React, Next.js, Vue, Svelte, and Tailwind. The system translates UX recommendations into implementation guidance that developers can directly apply to web frontends.

What's the best way to improve existing UI/UX without starting from scratch?▼

How does design tokenization work for web frontend components?▼

Can I turn UX recommendations into concrete code changes for React or Vue?▼

Does this UI/UX guidance tool support accessibility and microcopy workflows?▼

Do I need an existing design system to use this UI/UX implementation guidance?▼