skills.rest
landim32
landim32COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design systems with color, typography, and accessibility guidelines.

1|Updated Feb 10, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#color-palette#pattern-generation#design-reasoning
One-click install
npx skills add https://github.com/landim32/awesome-ai-skills --skill ui-ux-pro-max-landim32
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/landim32/awesome-ai-skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/landim32/awesome-ai-skills --skill ui-ux-pro-max-landim32

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Organizes and codifies UI/UX decisions into a single, reusable design system, reducing inconsistency and rework across products.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, and 161 product types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS).
  • 99 UX guidelines and 25 chart types to guide accessibility, performance, and visual language.
  • Plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code to ensure design-system fidelity.
  • Use Case: Standardize color tokens and typography across web/mobile apps, audit accessibility, generate component patterns, and accelerate design-to-development handoffs.

Quick Start

Generate a complete UI/UX design system for a dashboard app.

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 UI/UX design system for a dashboard app?▼

Generate a UI/UX design system by applying centralized reasoning rules to define color palettes, font pairings, and component guidelines. This produces master and page files that govern layout, accessibility, and typography for your dashboard app.

Does this UI/UX design system support React Native and Flutter?▼

Yes, UI/UX design system generation supports React Native and Flutter, alongside React, Next.js, Vue, Svelte, SwiftUI, Tailwind, shadcn/ui, and HTML/CSS. You get standardized color tokens and typography patterns across these mobile and web stacks.

How do I audit accessibility and visual language in my existing UI components?▼

Audit accessibility and visual language by applying 99 UX guidelines and 25 chart types to review your UI components. This checks design-system fidelity and identifies areas to fix, improve, and optimize for better performance.

What's the best way to standardize color tokens and typography across web and mobile apps?▼

Standardize color tokens and typography by codifying UI/UX decisions into a centralized design system using 161 color palettes and 57 font pairings. This reduces inconsistency and rework across your web and mobile products.

Can I use this to generate component patterns for 161 different product types?▼

Yes, you can generate component patterns for 161 product types using pattern generation and domain reasoning. This applies 50+ styles across 10 stacks to accelerate design-to-development handoffs.

How do I apply page-level overrides without breaking the master design system?▼

Apply page-level overrides using master and page files that maintain centralized design reasoning rules. This ensures your UI/UX decisions remain cohesive while allowing specific layout and component adjustments per page.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
fefogarciafefogarcia
1

design-consistency-auditor

Audits frontend applications for design system consistency and accessibility.

Community
Advanced
trungdo9trungdo9
3

ui-styling

Create React-based user interfaces with shadcn/ui components and Tailwind CSS.

Community
Advanced
rattamnoonrattamnoon

ui-ux-pro-max

Generate searchable design-system guidance for web and mobile UI/UX projects.

Community
Advanced