skills.rest
BWCbewchan
BWCbewchanCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with UI/UX styles, palettes, and guidelines.

5|2|Updated Dec 14, 2025
Search Tags:#typography#accessibility#design system#ui/ux#color palette#web design#mobile app design
One-click install
npx skills add https://github.com/BWCbewchan/tmsmindx --skill ui-ux-pro-max-bwcbewchan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/BWCbewchan/tmsmindx/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/BWCbewchan/tmsmindx --skill ui-ux-pro-max-bwcbewchan

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 detailed design systems based on product type, industry, and keywords.
  • Component & Style Recommendations: Offers suggestions for UI elements, color palettes, font pairings, and design styles.
  • UX Best Practices: Enforces critical guidelines for accessibility, performance, and interaction.
  • Use Case: When building a new e-commerce website, use this Skill to generate a complete design system, including a professional color palette, elegant typography, and best-practice UX for a seamless shopping experience.

Quick Start

Generate a design system for a new SaaS dashboard 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 complete design system for a web or mobile app project?▼

Generate a comprehensive UI/UX design system by specifying your product type, industry, and keywords, which produces tailored color palettes, font pairings, and component styles for your web or mobile app project.

What are the best UX guidelines for ensuring accessibility and performance in interface design?▼

UX guidelines for accessibility and performance are enforced through 99 critical best practices covering interaction, performance, and compliance, ensuring professional and user-friendly interfaces across various technology stacks.

Can I use this UI/UX guidance with shadcn/ui for component search and implementation?▼

Yes, the UI/UX design intelligence integrates with shadcn/ui for component search, enabling you to plan, build, and refactor elements like buttons, modals, and forms across 9 technology stacks.

How do I choose the right color palette and typography for my SaaS dashboard?▼

Choose color palettes and typography for SaaS dashboards by selecting from 97 curated color combinations and 57 font pairings, matched to your desired design style ranging from glassmorphism to brutalism.

Does this design system generator support data visualization and chart selection?▼

The design system generator supports data visualization by providing recommendations across 25 chart types, allowing you to plan and implement effective data representations within your dashboards.

Related Skills

Explore More Design & Creative Skills→
RishabhupadhyaRishabhupadhya

ui-ux-pro-max

Generate a UI/UX design system with MASTER.md and page overrides.

Community
Advanced
tan-yong-shengtan-yong-sheng
4

ui-ux-pro-max

Generate design systems with styles, palettes, and font pairings for web and mobile apps.

Community
Advanced
Itinerant18Itinerant18

ui-ux-pro-max

Generate design systems and accessibility guidelines for web and mobile applications.

Community
Advanced
RanNahmanyRanNahmany
7

ui-ux-pro-max

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

Community
Advanced