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.