ui-ux-pro-max

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

Updated Feb 24, 2026
One-click install
npx skills add https://github.com/AWS-Educate/template-nextjs-sanity-tailwind-amplify --skill ui-ux-pro-max-aws-educate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/AWS-Educate/template-nextjs-sanity-tailwind-amplify/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/AWS-Educate/template-nextjs-sanity-tailwind-amplify --skill ui-ux-pro-max-aws-educate

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, helping users create visually appealing, accessible, and user-friendly interfaces for web and mobile applications.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project type, industry, and desired style.
  • Style & Palette Recommendations: Offers 50+ styles, 21 palettes, and 50 font pairings.
  • UX Best Practices: Enforces critical guidelines for accessibility, interaction, and performance.
  • Use Case: A developer needs to design a landing page for a new SaaS product. They can use this Skill to get recommendations on layout, color scheme, typography, and essential UX patterns to ensure a professional and effective design.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new fintech dashboard.

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

Generate a design system by specifying your project type and desired style. The skill outputs tailored UI/UX guidelines, including color palettes and font pairings, to standardize web and mobile interfaces.

What is the best way to choose a color palette and font pairing for a SaaS landing page?

The best way to choose palettes and fonts is selecting from 21 curated color palettes and 50 font pairings. This ensures visually appealing typography and accessible UI/UX design for your SaaS product.

Do I need python3 to use this UI/UX design intelligence skill?

Yes, you need python3 installed in your environment. This dependency is required to execute the internal scripts that generate design system recommendations and UX guidelines.

Can I get accessibility and UX best practices for mobile app design?

Yes, you can get accessibility and UX best practices for mobile app design. The skill enforces critical guidelines for accessibility, interaction, and performance across web and mobile projects.

How do I review and refactor existing UI/UX code for better accessibility?

Review and refactor UI/UX code by using the skill's design intelligence to analyze and optimize your existing elements. It identifies accessibility improvements and applies standardized style options.

Does this skill support component search for web design projects?

Yes, this skill supports component search and provides examples for web design projects. It integrates these references to help you implement and refactor UI/UX code more efficiently.