ui-ux-pro-max

Generate design systems with patterns, styles, colors, and typography.

19|6|Updated Jan 24, 2026

Search Tags:#accessibility #design system #ui/ux #color palette #web design #frontend development #mobile app design

Ready to run

npx skills add https://github.com/zhuanggenhua/BoardGame --skill ui-ux-pro-max-zhuanggenhua

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/zhuanggenhua/BoardGame/tree/main/.windsurf/skills/ui-ux-pro-max
Command: npx skills add https://github.com/zhuanggenhua/BoardGame --skill ui-ux-pro-max-zhuanggenhua

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive guidance and actionable recommendations for UI/UX design, addressing challenges in creating visually appealing, user-friendly, and accessible digital products.

Core Features & Use Cases

Design System Generation: Creates detailed design systems based on project requirements, including patterns, styles, colors, and typography.
Stack-Specific Guidelines: Offers best practices for various technology stacks like React, Next.js, and HTML/Tailwind.
Use Case: When starting a new SaaS dashboard project, use this Skill to generate a complete design system, ensuring consistency and adherence to modern UX principles from the outset.

Quick Start

Generate a design system for a new e-commerce website by running the search script with relevant keywords.

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

To generate a design system for a web or mobile app, you provide project requirements and receive actionable recommendations for product types, styles, color palettes, typography, and UX best practices. It supports optional persistence for master and page-specific override files.

What's the best way to ensure UI accessibility and modern UX principles when starting a new SaaS dashboard?▼

The best way to ensure UI accessibility and modern UX principles for a SaaS dashboard is to apply comprehensive design intelligence that provides actionable recommendations for styles, color palettes, and UX best practices tailored to your specific technology stack from the outset.

Does this UI/UX design intelligence offer stack-specific guidelines for frontend development?▼

Yes, this UI/UX design intelligence offers stack-specific guidelines for frontend development. It provides actionable best practices and recommendations tailored for various technology stacks including React, Next.js, and HTML/Tailwind to ensure cohesive web design implementation.

Can I use this to define color palettes and typography for a mobile app design?▼

Yes, you can use this to define color palettes and typography for mobile app design. It delivers comprehensive UI/UX design intelligence across multiple design domains, offering actionable recommendations for visual styles and landing page patterns for both web and mobile contexts.

How do I override a master design system file for specific landing page patterns?▼

To override a master design system file for specific landing page patterns, you utilize the optional persistence feature to generate page-specific override files. This allows you to customize styles and UX best practices while maintaining the core design system architecture.