skills.rest
daodaolee
daodaoleeCOMMUNITY
Explore all skills by this author →
Website𝕏@daodaolee_GitHub

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

Updated Feb 11, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#frontend development#component design
One-click install
npx skills add https://github.com/daodaolee/ai-driven-sdlc --skill ui-ux-pro-max-daodaolee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/daodaolee/ai-driven-sdlc/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/daodaolee/ai-driven-sdlc --skill ui-ux-pro-max-daodaolee

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, color palettes, typography, and UX best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Automatically generates a tailored design system based on project requirements.
  • Style & Component Guidance: Offers recommendations for 50+ styles, 97 color palettes, 57 font pairings, and 99 UX guidelines across various tech stacks.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to get a complete design system, including color schemes, typography, and layout patterns, ensuring a consistent and high-quality user experience from the outset.

Quick Start

Generate a design system for a new beauty spa wellness service landing page.

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 design system for a new web or mobile application?▼

To generate a design system, you provide project requirements and the Skill outputs tailored recommendations for color palettes, typography, and UX guidelines. It automatically builds a complete, consistent design system for web and mobile applications.

What font pairings and color palettes are recommended for a SaaS dashboard?▼

For a SaaS dashboard, this UI/UX intelligence recommends selections from 97 color palettes and 57 font pairings. It outputs tailored style choices and component guidance to ensure a professional and consistent interface.

Can I use this to review and refactor frontend UI/UX code?▼

Yes, you can use this to review and refactor frontend UI/UX code. It supports actions like fixing, improving, optimizing, and enhancing component code across multiple technology stacks to align with UX best practices.

Does this design intelligence integrate with shadcn/ui for component examples?▼

Yes, this design intelligence integrates directly with shadcn/ui. It leverages shadcn/ui to search for and provide concrete component examples when generating design systems and layout patterns for your project.

What UX guidelines and accessibility standards are included for component design?▼

The component design guidance includes 99 UX guidelines covering accessibility and best practices. It outputs actionable recommendations to ensure your web and mobile interfaces are user-friendly and accessible.

How do I plan and implement a UI/UX layout for a beauty spa landing page?▼

To plan and implement a beauty spa landing page, you input the project type and the Skill outputs a complete design system. This includes suitable styles, color schemes, typography, and layout patterns for the wellness service.

Related Skills

Explore More Design & Creative Skills→
wtthorntonwtthornton
4

designer

Design API contracts, data models, and UI/UX specifications.

Community
Advanced
first-flukefirst-fluke
218

ui-ux-pro-max

Generates design systems and reviews UI/UX patterns for accessible web and mobile interfaces.

Official
Advanced
jhparktimejhparktime
1

frontend-implementation

Translate design specs into responsive frontend components.

Community
Intermediate
wangzitian0wangzitian0

ui-ux-pro-max

Generate design systems and UI/UX recommendations for web and mobile applications.

Community
Advanced