ui-ux-pro-max

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

Updated Feb 20, 2026
One-click install
npx skills add https://github.com/Jackiexiao/jackie-skills-cn-top50 --skill ui-ux-pro-max-jackiexiao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Jackiexiao/jackie-skills-cn-top50/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Jackiexiao/jackie-skills-cn-top50 --skill ui-ux-pro-max-jackiexiao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX guidelines and best practices to ensure your web and mobile applications are visually appealing, user-friendly, and accessible.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on project requirements, including patterns, styles, colors, and typography.
  • UX Best Practices: Offers detailed guidelines on accessibility, interaction, performance, and layout.
  • Stack-Specific Advice: Provides implementation guidance for various frontend frameworks.
  • Use Case: When starting a new project, use this Skill to generate a robust design system that aligns with best practices, saving significant design and development time.

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

To generate a design system, you provide project requirements to get a complete set of UI/UX guidelines including patterns, styles, color palettes, and font pairings tailored for web and mobile applications. This establishes a visual foundation aligned with best practices.

What UX guidelines should I follow to ensure mobile design accessibility?▼

Mobile design accessibility requires adhering to critical UX guidelines covering interaction, performance, and layout. You should apply detailed best practices to ensure your mobile applications are visually appealing, user-friendly, and fully accessible to all users.

Can I get frontend development implementation advice for specific technology stacks?▼

Yes, you can get stack-specific implementation guidance for various frontend frameworks. This provides detailed recommendations on how to translate UI/UX design systems and guidelines into functional frontend code within your specific technology stack.

What is the best way to select color palettes and font pairings for a SaaS dashboard?▼

The best way to select color palettes and font pairings is to search the database of styles based on your project requirements. This generates a cohesive design system that ensures your SaaS dashboard is visually appealing and user-friendly.

Do I need existing design files to start building better UIs?▼

No, you do not need existing design files to build better UIs. You can start a new project from scratch and use the provided UI/UX best practices to generate a robust design system, saving significant design and development time.