ui-ux-pro-max

Generate design systems with palettes, typography, and accessibility guidelines.

Updated Feb 15, 2026
One-click install
npx skills add https://github.com/Shawn-Guo-CN/agentfoundry-plugin-marketplace --skill ui-ux-pro-max-shawn-guo-cn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Shawn-Guo-CN/agentfoundry-plugin-marketplace/tree/main/plugins/ui-ux-pro-max-skill/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Shawn-Guo-CN/agentfoundry-plugin-marketplace --skill ui-ux-pro-max-shawn-guo-cn

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, palettes, typography, and best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on project type, style, and industry.
  • UX Best Practices: Enforces critical guidelines for accessibility, interaction, and performance.
  • Stack-Specific Advice: Offers tailored recommendations for various technology stacks like React, Vue, and Flutter.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a complete design system, including color palettes, font pairings, and accessibility checks, ensuring a polished and effective user experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a "beauty spa wellness service" website.

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 application?

To generate a design system, you need comprehensive guidance on styles, color palettes, typography, and UX guidelines. This skill provides actionable recommendations and best practices to create professional interfaces for web and mobile applications.

What UX best practices should I follow for accessibility and interaction?

UX best practices for accessibility involve enforcing critical guidelines for interaction and performance. This skill offers actionable recommendations to ensure your interface design meets accessibility standards while maintaining a polished user experience across various platforms.

Can I get stack-specific UI design advice for React, Vue, or Flutter?

Yes, you can get stack-specific UI design advice for frameworks like React, Vue, and Flutter. This skill offers tailored recommendations and best practices to ensure your style guides and design systems integrate seamlessly with your chosen technology stack.

Does this UI/UX design intelligence support both web and mobile applications?

This UI/UX design intelligence supports both web and mobile applications by providing comprehensive guidance on styles, palettes, and typography. It facilitates the creation of professional interfaces by offering actionable recommendations across multiple technology stacks.

What's the best way to choose a color palette and typography for a new SaaS dashboard?

The best way to choose a color palette and typography for a SaaS dashboard is to use AI-driven design intelligence. This skill generates complete design systems with font pairings and color schemes tailored to your specific project type and industry.

Why do I need a style guide when developing frontend interfaces?

You need a style guide when developing frontend interfaces to enforce critical guidelines for accessibility, interaction, and performance. This skill facilitates the creation of professional interfaces by offering actionable recommendations and best practices for design and development.