skills.rest
aarsh21
aarsh21COMMUNITY
Explore all skills by this author →
Website𝕏@buhhfpsGitHub

ui-ux-pro-max

Generate design systems with styles, color palettes, and font pairings.

1|Updated Feb 7, 2026
Search Tags:#typography#accessibility#design system#ui/ux#style guide#color palette#frontend development
One-click install
npx skills add https://github.com/aarsh21/better-issues --skill ui-ux-pro-max-aarsh21
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/aarsh21/better-issues/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/aarsh21/better-issues --skill ui-ux-pro-max-aarsh21

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 best practices to ensure visually appealing and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on project type, industry, and desired style.
  • Component & Layout Guidance: Offers recommendations for specific UI elements like buttons, forms, and page layouts.
  • Accessibility & Performance: Integrates critical UX guidelines for accessibility and performance optimization.
  • Use Case: When starting a new SaaS dashboard, use this Skill to generate a complete design system, including color schemes, font pairings, and layout recommendations, ensuring a professional and consistent look and feel.

Quick Start

Generate a design system for a 'fintech mobile app' with a 'minimalist dark mode' 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 complete design system for a web or mobile application?▼

To generate a design system, specify your project type, industry, and desired style. This provides comprehensive UI/UX design intelligence, including color palettes, font pairings, and layout recommendations from 97 palettes and 57 font pairings.

What font pairings and color palettes work best for a SaaS dashboard?▼

For a SaaS dashboard, you can select from 97 color palettes and 57 font pairings tailored to your desired style. This ensures a professional and consistent look by matching typography and color schemes to your specific project requirements.

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

Yes, you can use this to review, fix, improve, optimize, enhance, and refactor existing UI/UX code. It integrates 99 critical UX guidelines for accessibility and performance optimization across 9 technology stacks.

Does this UI/UX design intelligence integrate with specific frontend component libraries?▼

This design intelligence integrates with shadcn/ui for component search. It supports 9 technology stacks and offers recommendations for specific UI elements like buttons, modals, and forms.

How many UX guidelines for accessibility are included for optimizing web interfaces?▼

There are 99 UX guidelines included for accessibility and performance optimization. These guidelines help ensure your web and mobile interfaces are visually appealing, user-friendly, and meet critical accessibility standards.

What chart types are available for designing data dashboards and analytics interfaces?▼

This provides 25 chart types for designing data dashboards and analytics interfaces. You can implement these across 9 supported technology stacks to ensure your data visualizations match the generated style guide.

Related Skills

Explore More Design & Creative Skills→
shuff57shuff57

popular-web-designs

Generate HTML/CSS from design system templates using YAML configurations.

Community
Intermediate
noin-ainoin-ai

design

Generate UI design specs with responsive and dark mode variants.

Official
Intermediate
ilamanovilamanov

frontend-patterns

Guide UI component development with frontend and web design best practices for forms, buttons, and modals.

Community
Advanced
Exia-thdExia-thd

ui-designer

Generate WCAG AA-compliant wireframes, design tokens, and component inventories for digital products.

Community
Advanced