skills.rest
vuminhieu
vuminhieuCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate color, typography, layout, and component guidance for websites, dashboards, and mobile apps.

Updated Feb 2, 2026
Search Tags:#typography#UI/UX#analyze#style-guide#design-systems#color-palette
One-click install
npx skills add https://github.com/vuminhieu/spexor-client --skill ui-ux-pro-max-vuminhieu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/vuminhieu/spexor-client/tree/main/.agent/skills/skills/ui-ux-pro-max
Command: npx skills add https://github.com/vuminhieu/spexor-client --skill ui-ux-pro-max-vuminhieu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX decision fatigue slows project timelines. This skill provides structured guidance, best practices, and ready-to-apply design decisions to accelerate UI/UX work.

Core Features & Use Cases

  • Color palettes, typography pairings, layout patterns, and component guidelines tailored for websites, dashboards, and mobile apps.
  • Stack-aware recommendations across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind.
  • Use Case: design teams can generate a cohesive design system and accessibility-conscious guidelines for a new product launch.

Quick Start

Activate this skill when the user requests UI/UX design guidance. Run the built-in search to fetch style guides, color and typography recommendations, and generate actionable design plans for the current project.

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 cohesive UI/UX design system for a new product?▼

You solve UI/UX design decision fatigue by generating a cohesive design system with structured color palettes, typography pairings, and component guidelines tailored for websites, dashboards, and mobile apps.

Can I get UI/UX style recommendations for React and Next.js projects?▼

Yes, you can get stack-aware UI/UX style recommendations for React and Next.js, as well as Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind, delivering ready-to-apply design decisions.

What is the best way to choose a color palette and typography for a mobile app?▼

The best way to choose a color palette and typography is by querying curated style databases that provide accessibility-conscious recommendations and layout patterns specifically tailored for mobile apps.

Does this tool provide accessibility-conscious guidelines for dashboards?▼

Yes, it provides accessibility-conscious guidelines for dashboards, delivering structured component guidance and layout patterns to ensure your interface meets necessary standards while reducing design decision fatigue.

How do I apply generated design system decisions to my current workflow?▼

You apply generated design system decisions by running the built-in search to fetch style guides, which outputs actionable design plans and stack-specific guidelines ready to implement directly in your current project.

Related Skills

Explore More Design & Creative Skills→
LeszekDNVLeszekDNV

10x-infra-research

Select an MVP deployment platform from technical stack and bias-checked research.

Community
Advanced
deomiarndeomiarn

frontend-design

Generate production-grade frontend interfaces from high-level briefs.

Community
Intermediate
burgebjburgebj

ui-ux-pro-max

Generate UI/UX design recommendations for interfaces and design systems.

Community
Advanced
antananariu7-sysantananariu7-sys
2

designer

Generate styled React components with distinctive typography and animated micro-interactions.

Community
Advanced