ui-ux-pro-max

Convert vague UI/UX requests into implementation-ready design systems.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/ViewWay/openclaw-skills --skill ui-ux-pro-max-viewway
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ViewWay/openclaw-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/ViewWay/openclaw-skills --skill ui-ux-pro-max-viewway

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill converts vague UI/UX requests into complete, implementation-ready design systems and guidelines that can be applied across platforms and frameworks.

Core Features & Use Cases

  • Multi-domain design system generation: synthesize patterns, styles, colors, typography, and accessibility rules into a cohesive design system.
  • Reasoning-driven selection: apply domain-specific reasoning to pick the best-fitting design directions, then validate with structured rules and overrides.
  • Master + Overrides workflow: persist a global Master design system with per-page overrides to support hierarchical retrieval and versioning.
  • Implementation-ready outputs: deliver artifacts that guide UI code, tokens, and component guidelines for React/Next.js, Vue, Svelte, and Tailwind-based projects.

Quick Start

Provide a concise product description and design goals to generate a complete design system.

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/UX design system from a vague product description?▼

To generate a UI/UX design system from a vague product description, provide your concise product context and design goals. The system applies reasoning-based selection to synthesize patterns, styles, colors, and typography into cohesive, implementation-ready guidelines.

Does this design system generator work with React, Next.js, Vue, Svelte, and Tailwind?▼

Yes, the design system generator works with React, Next.js, Vue, Svelte, and Tailwind. It delivers implementation-ready artifacts that guide UI code, tokens, and component guidelines specifically tailored for these web and mobile platforms.

What is the Master plus Overrides workflow for managing design systems?▼

The Master plus Overrides workflow persists a global Master design system while allowing per-page overrides. This supports hierarchical retrieval and versioning, ensuring consistent design rules across your application while accommodating specific page-level styling needs.

Can I enforce accessibility rules within my generated design tokens and components?▼

Yes, you can enforce accessibility rules within generated design tokens and components. The system integrates accessibility rules directly into the design system generation process and validates them through structured pre-delivery validation checks.

How does reasoning-based selection improve multi-domain design system generation?▼

Reasoning-based selection improves multi-domain design system generation by applying domain-specific logic to pick the best-fitting design directions. It then validates these directions using structured rules and overrides to ensure cohesive cross-platform outputs.

What's the best way to manage per-page design overrides without breaking global styles?▼

To manage per-page design overrides without breaking global styles, use the Master plus Overrides persistence workflow. It maintains a global Master design system hierarchy while isolating per-page overrides, validated through pre-delivery checks to ensure structural integrity.