skills.rest
zhuanggenhua
zhuanggenhuaCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/zhuanggenhua/BoardGame --skill ui-ux-pro-max-zhuanggenhua
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
TwuanMinnTwuanMinn

senior-architect

Generate architecture diagrams and analyze multi-service system dependencies.

Community
Advanced
MHD-Nour-KJMHD-Nour-KJ

frontend-design

Enforce intentional aesthetic direction in frontend interfaces across HTML/CSS/JS, React, and Vue.

Community
Intermediate
NolanPicNolanPic

Frontend Accessibility

Enforce WCAG compliance in frontend UI code with semantic HTML and ARIA.

Community
Basic
ripgraphicsripgraphics

ui-ux-pro-max

Generate UI/UX design systems with stack-specific implementation guidelines.

Community
Advanced