skills.rest
ihj04982
ihj04982COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with styles, palettes, and typography guidelines.

Updated Feb 10, 2026
Search Tags:#color palettes#typography#accessibility#design system#ui/ux#web design#frontend development
One-click install
npx skills add https://github.com/ihj04982/my-cursor-settings --skill ui-ux-pro-max-ihj04982
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ihj04982/my-cursor-settings/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ihj04982/my-cursor-settings --skill ui-ux-pro-max-ihj04982

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

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

Core Features & Use Cases

  • Design System Generation: Creates a complete design system tailored to specific product types, industries, and keywords.
  • UX Best Practices: Offers critical rules for accessibility, performance, and interaction design.
  • Stack-Specific Guidelines: Provides implementation advice for various technology stacks.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a professional design system, ensuring optimal color palettes, typography, and adherence to accessibility standards.

Quick Start

Generate a design system for a "beauty spa wellness service" with an "elegant" style.

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 web application dashboard?▼

You can generate a design system by providing your product type, industry, and desired style keywords. It outputs tailored color palettes, font pairings, and UX guidelines for your web application dashboard.

What UX best practices should I follow for frontend development accessibility?▼

It provides critical UX rules for interaction design, performance, and accessibility standards. Following these ensures your frontend development creates professional, user-friendly interfaces across technology stacks.

Can I use this to find shadcn/ui component examples for my SaaS project?▼

Yes, it integrates with shadcn/ui to facilitate component search and provides examples. You can use it to find and implement UI components directly for your SaaS project.

Does this Skill provide stack-specific guidelines for mobile app design?▼

Yes, it provides stack-specific implementation advice for mobile app design. It offers intelligence to plan, build, and refactor UI/UX code across multiple technology stacks for your mobile projects.

What is the best way to choose color palettes and typography for a wellness service website?▼

The best way is to generate a tailored design system using style keywords like 'elegant' alongside your 'beauty spa wellness service' context. It outputs matching color palettes and font pairings automatically.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

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
sinhong2011sinhong2011
5

ui-ux-pro-max

Provide UI/UX design intelligence with styles, palettes, and font pairings.

Community
Advanced
FutureAtomsFutureAtoms
1

typography-2026-luxury-editorial

Provide serif and sans-serif font pairings with React Native code examples.

Community
Intermediate