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.