ui-ux-pro-max

Plan, build, and evaluate UI/UX designs across web and mobile.

21|16|Updated Apr 11, 2026
One-click install
npx skills add https://github.com/xiaoliwanshui/cool-admin-flutter --skill ui-ux-pro-max-xiaoliwanshui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/xiaoliwanshui/cool-admin-flutter/tree/main/.trae/skills/ui-ux-pro-max
Command: npx skills add https://github.com/xiaoliwanshui/cool-admin-flutter --skill ui-ux-pro-max-xiaoliwanshui

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Plan, build, and evaluate high-quality UI/UX designs across web and mobile using a comprehensive design intelligence toolkit that standardizes patterns, palettes, typography, and motion guidance.

Core Features & Use Cases

  • Extensive design system elements: 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS).
  • Reusable patterns for website, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app interfaces.
  • Color systems, typography rules, accessibility considerations, and motion guidelines tailored to platform idioms (iOS/Android/Web).
  • Workflow support: master design rules with per-page overrides to scale from concept to production.

Quick Start

Create a dashboard design system plan for web and mobile stacks and use it to guide pattern selection, color tokens, typography choices, and motion guidelines.

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 create a design system for web and mobile apps?

Create a design system by planning reusable patterns, color tokens, typography rules, and motion guidelines tailored to platform idioms. This approach delivers master design rules with per-page overrides to scale UI workflows from concept to production.

What's the best way to select color palettes and typography for a SaaS dashboard?

Select palettes and typography for a SaaS dashboard by leveraging pre-defined color systems and font pairings. This ensures visual consistency and accessibility while providing reusable patterns specifically designed for admin and dashboard interfaces.

Does this UI/UX design tool support React Native and Flutter mobile stacks?

Yes, this UI/UX design tool supports React Native and Flutter, alongside eight other tech stacks including SwiftUI and Tailwind. It provides tailored design intelligence, color tokens, and platform-specific motion guidelines for both mobile stacks.

Can I use shadcn/ui and Tailwind to build accessible UI components?

You can use shadcn/ui and Tailwind to build accessible UI components by applying built-in accessibility considerations and interaction patterns. The system provides tailored color systems and typography rules to ensure compliance across web interfaces.

How do I evaluate interaction patterns and accessibility for my current website?

Evaluate interaction patterns and accessibility for your website by applying 99 UX guidelines and built-in accessibility considerations. This helps review and standardize web interfaces against established design intelligence rules.

What are the limitations of using a standardized design system for custom web apps?

When using a standardized design system for custom web apps, limitations may arise if your interface requires highly bespoke interactions outside the 161 product types. However, per-page overrides allow flexibility to adapt master rules for specific contexts.