ui-ux-pro-max

Generate design systems with color palettes, font pairings, and UX guidelines.

Updated Dec 16, 2025
One-click install
npx skills add https://github.com/EanLee/article-write --skill ui-ux-pro-max-eanlee
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/EanLee/article-write/tree/main/.github/skills/ui-ux-pro-max
Command: npx skills add https://github.com/EanLee/article-write --skill ui-ux-pro-max-eanlee

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, helping users create professional, accessible, and user-friendly interfaces across various platforms and technology stacks.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project type, industry, and keywords.
  • Component & Style Recommendations: Offers suggestions for colors, typography, layouts, and UI styles.
  • UX Best Practices: Enforces accessibility, performance, and interaction guidelines.
  • Use Case: A developer needs to design a new dashboard for a FinTech SaaS product. They can use this Skill to get a complete design system, including color palettes, font pairings, layout structure, and accessibility checks, ensuring a high-quality user experience.

Quick Start

Generate a design system for a new SaaS product using the ui-ux-pro-max skill.

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 SaaS product?

To generate a design system for a SaaS product, use this Skill to get tailored recommendations for color palettes, font pairings, and component layouts based on your project type and industry keywords.

What are the best UX practices for ensuring web accessibility?

UX best practices for web accessibility involve enforcing specific interaction guidelines, performance standards, and design recommendations to ensure professional and user-friendly interfaces across various platforms.

Can I get font pairings and color palette recommendations for frontend development?

Yes, you can get font pairings and color palette recommendations for frontend development by leveraging this Skill to provide style suggestions tailored to your specific technology stack.

Does this design intelligence tool support mobile applications?

Yes, this design intelligence tool supports mobile applications by providing comprehensive UI/UX recommendations, component design guidance, and interaction best practices for mobile platforms.

How do I structure UI component design for a FinTech dashboard?

To structure UI component design for a FinTech dashboard, use this Skill to receive layout structures, chart recommendations, and comprehensive design systems that ensure a high-quality user experience.

What is the best way to enforce professional design standards in frontend development?

The best way to enforce professional design standards in frontend development is to apply AI-powered design intelligence that checks accessibility, suggests typography, and facilitates adherence to established UX guidelines.