skills.rest
DavidGD616
DavidGD616COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, font pairings, and UX guidelines.

Updated Mar 13, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#web design#mobile app design
One-click install
npx skills add https://github.com/DavidGD616/Running-app --skill ui-ux-pro-max-davidgd616
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/DavidGD616/Running-app/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/DavidGD616/Running-app --skill ui-ux-pro-max-davidgd616

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, palettes, typography, and best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on project requirements.
  • Component Styling: Offers guidance on specific UI elements like buttons, cards, and forms.
  • Best Practice Enforcement: Provides critical checks for accessibility, performance, and responsiveness.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a cohesive design system, including color palettes, typography, and layout recommendations, ensuring a professional and consistent look and feel.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech mobile app'.

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?▼

To generate a design system, define your project requirements and target platform. The skill outputs cohesive color palettes, 57 font pairings, and layout guidelines, ensuring a consistent look and feel across web and mobile applications.

Can I get UI component styling guidance for specific elements like buttons and forms?▼

Yes, you can get UI component styling guidance for specific elements. The skill provides actionable recommendations to build, design, and implement components like buttons, cards, and forms across 9 technology stacks.

What's the best way to enforce accessibility and responsiveness in UI design?▼

The best way to enforce accessibility and responsiveness is through critical review checks. The skill evaluates your UI/UX code against 99 UX guidelines, ensuring standards compliance, performance optimization, and responsive behavior.

Does this UI/UX design intelligence tool support specific technology stacks?▼

Yes, this UI/UX design intelligence tool supports 9 specific technology stacks. It allows you to plan, create, and refactor interface code with tailored design intelligence that fits your development environment.

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

To choose the right color palette and typography for a SaaS dashboard, leverage the built-in library of 97 color palettes and 57 font pairings. The skill matches these design elements to your specific project requirements.

Related Skills

Explore More Design & Creative Skills→
AlexW00AlexW00
4

app-planner

Guide macOS app developers through planning and analysis of new or existing applications.

Community
Intermediate
first-flukefirst-fluke
218

ui-ux-pro-max

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

Official
Advanced
quanngynxquanngynx

ai-elements

Create AI chat interface components for Next.js and shadcn/ui projects.

Community
Basic
northseadlnorthseadl

ui-ux-pro-max

Generate design systems with style, color, typography, and UX recommendations.

Community
Advanced