skills.rest
KietHNT-SE182592
KietHNT-SE182592COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems and UI/UX guidance for web and mobile applications.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and 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 tailored design systems based on product type, industry, and desired style.
  • Component & Style Recommendations: Suggests appropriate UI elements, color schemes, and font pairings.
  • UX Guideline Enforcement: Provides actionable rules for accessibility, performance, interaction, and layout.
  • Use Case: When building a new e-commerce website, use this Skill to generate a complete design system, including a modern style, a vibrant color palette, and clear UX guidelines for a seamless shopping experience.

Quick Start

Generate a design system for a new 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 design system for a web or mobile application?▼

Generate a design system by specifying your product type and desired style. The Skill outputs tailored color palettes, 57 font pairings, and component recommendations to establish a comprehensive UI/UX foundation for web and mobile interfaces.

Can I get color palette and typography recommendations for specific product types?▼

Yes, you can get tailored recommendations by specifying your product type. The Skill offers 161 color palettes, 57 font pairings, and component suggestions across 161 product types to match your specific industry and style requirements.

Does this UI/UX design tool require python3 to function?▼

Yes, python3 is a required dependency to run the Skill's internal scripts. You need a python3 environment installed to execute the design intelligence scripts and generate references for your design system.

How do I review and fix UI/UX code for accessibility and component design?▼

Review and fix UI/UX code by issuing actions like check, improve, or refactor. The Skill analyzes your code against 99 UX guidelines and 25 chart types across 10 technology stacks to identify and resolve accessibility and component design issues.

What's the best way to find UI components for a shadcn/ui design system?▼

The best way to find UI components is by using the integrated shadcn/ui MCP search. The Skill leverages this integration to suggest appropriate UI elements based on your generated design system, ensuring component and style consistency.

Related Skills

Explore More Design & Creative Skills→
11cafe11cafe
12

zopia-skill

Create AI-generated videos and images via Zopia's platform.

Official
Advanced
IcekoleIcekole

ui-ux-pro-max

Generate design systems and UI component guidelines for web and mobile applications.

Community
Advanced
angelgarciasolorzanoangelgarciasolorzano

shadcn

Generate design system guidelines for Shadcn UI components with WCAG 2.2 AA compliance.

Community
Advanced
Exia-thdExia-thd

ui-designer

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

Community
Advanced