skills.rest
MuhamadAnang
MuhamadAnangCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated Mar 12, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#shadcn/ui#component design
One-click install
npx skills add https://github.com/MuhamadAnang/wareflow-project --skill ui-ux-pro-max-muhamadanang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/MuhamadAnang/wareflow-project/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/MuhamadAnang/wareflow-project --skill ui-ux-pro-max-muhamadanang

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: Creates a complete design system based on project type, industry, and desired style.
  • Component Design: Offers recommendations for specific UI elements like buttons, forms, and charts.
  • UX Best Practices: Provides critical guidelines for accessibility, interaction, and performance.
  • Use Case: When starting a new SaaS dashboard, use this Skill to generate a cohesive design system, select appropriate color palettes and fonts, and ensure adherence to accessibility standards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'healthcare SaaS dashboard'.

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 design system for a SaaS dashboard?▼

To generate a design system for a SaaS dashboard, this skill provides AI-driven recommendations for 50+ styles, 97 color palettes, and 57 font pairings based on your project type and desired style.

Can I use this skill to find shadcn/ui component recommendations for my web app?▼

Yes, you can use this skill to search for and implement shadcn/ui components, offering specific design recommendations and UX guidelines for buttons, forms, and charts across 9 technology stacks.

What's the best way to ensure UI accessibility and UX best practices in my interface design?▼

The best way to ensure accessibility in interface design is applying the 99 UX guidelines provided here, which cover critical standards for interaction, performance, and accessible component design.

How does color palette and typography selection work for mobile applications?▼

Color palette and typography selection works by matching your mobile application's industry requirements against 97 curated palettes and 57 font pairings to establish a professional visual identity.

Does this skill support refactoring and optimizing existing UI components?▼

Yes, this skill supports refactoring and optimizing existing UI components, allowing you to review, fix, and improve web and mobile interface elements according to established design intelligence.

Related Skills

Explore More Design & Creative Skills→
ZiadNagarZiadNagar

animation-systems

Define motion tokens, choreography patterns, and reduced-motion support for design systems.

Community
Advanced
NammDevNammDev
2

ui-styling

Integrate shadcn/ui with Tailwind CSS for React UI styling.

Community
Intermediate
magic3007magic3007
10

frontend-design

Translate frontend requirements into production-ready UI with code samples.

Community
Advanced
RanNahmanyRanNahmany
7

ui-ux-pro-max

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

Community
Advanced