skills.rest
Asymmetric-al
Asymmetric-alOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Search UI/UX style guidelines across color, typography, and layout domains.

1|1|Updated Mar 18, 2026
Search Tags:#typography#design#accessibility#ui-ux#design-system#color-palette
One-click install
npx skills add https://github.com/Asymmetric-al/asym-web --skill ui-ux-pro-max-asymmetric-al
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Asymmetric-al/asym-web/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Asymmetric-al/asym-web --skill ui-ux-pro-max-asymmetric-al

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides a comprehensive design intelligence toolkit for web and mobile, unifying styles, palettes, typography, patterns, and accessibility guidance to streamline design decisions and ensure consistency.

Core Features & Use Cases

  • 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).
  • Searchable, reasoning-driven recommendations to accelerate design work and maintain consistency across pages and components.
  • Use cases include website landing pages, dashboards, admin panels, e-commerce experiences, portfolios, blogs, and mobile interfaces.

Quick Start

Run the design-system generator with your project name to receive a full UI/UX design recommendation.

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 for my web project?▼

Generate a UI/UX design system by running the design-system generator with your project name to receive style, color, typography, and accessibility recommendations. It outputs reasoning-driven guidance across 50+ styles and 161 color palettes.

What font pairings and color palettes are recommended for mobile interfaces?▼

Recommended font pairings include 57 curated options, while color palettes offer 161 choices across various styles. These recommendations apply to mobile interfaces using SwiftUI, React Native, or Flutter.

Can I use this for frontend stacks like React, Next.js, and Tailwind?▼

Yes, design guidance covers 10 stacks including React, Next.js, Vue, Svelte, Tailwind, and shadcn/ui. It surfaces relevant patterns and safe defaults tailored to each framework.

What is the best way to ensure accessibility in my design system?▼

Ensure accessibility by applying UX guidelines across color palettes and typography domains. The system includes 99 UX guidelines and safe defaults with clear documentation to maintain compliance.

Does this provide UX patterns for specific product types like dashboards and e-commerce?▼

Yes, it covers 161 product types including dashboards, admin panels, e-commerce experiences, and portfolios. Searchable style guidelines surface relevant patterns for each specific product type.

How do I choose the right chart types for my analytics dashboard?▼

Choose from 25 chart types mapped across supported frontend stacks. The system provides reasoning-based suggestions to match chart types with your dashboard's data visualization requirements.

Related Skills

Explore More Design & Creative Skills→
SunS1eep1ngSunS1eep1ng

ui-ux-pro-max

Generate UI/UX design systems with role-specific guidance and stack-aware frontend implementation.

Community
Advanced
ChiejiChieji

ui-ux-pro-max

Generate design-system-ready plans from styles, palettes, typography, and UX guidelines.

Community
Advanced
aaltaayaaltaay

ckm:ui-styling

Build accessible React UI components with shadcn/ui, Tailwind, and Radix primitives.

Community
Advanced
HuijiroHuijiro

impeccable-frontend-design

Define and implement distinctive frontend interfaces with typography, color, and layout.

Community
Advanced