ui-ux-pro-max

Name: ui-ux-pro-max
Availability: InStock
Author: tc9011

Generate design systems with styles, palettes, and font pairings.

Updated Feb 5, 2026

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

Ready to run

npx skills add https://github.com/tc9011/my-skills --skill ui-ux-pro-max-tc9011

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (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 user-friendly and visually appealing interfaces.

Core Features & Use Cases

Design System Generation: Create tailored design systems based on project requirements (SaaS, e-commerce, etc.).
Style & Palette Recommendations: Get suggestions for 50+ styles and 21 palettes.
UX Best Practices: Access guidelines on accessibility, performance, and interaction design.
Use Case: When building a new SaaS dashboard, use this Skill to generate a design system that includes a professional color palette, a clean typography pairing, and adherence to accessibility standards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce 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 project?▼

Generate a tailored design system by defining project requirements like SaaS or e-commerce, which yields a professional color palette, clean typography pairings, and accessibility standards.

Can I get color palette and typography recommendations for frontend development?▼

Get color palette and typography recommendations by selecting from 21 distinct palettes and 50 font pairings tailored to match your frontend development stack and visual style.

What is the best way to ensure UI/UX accessibility in a new design?▼

Ensure UI/UX accessibility by applying built-in best practices and guidelines that cover interaction design, performance standards, and accessible color contrast for user-friendly interfaces.

Does this UI/UX design intelligence integrate with shadcn/ui components?▼

This UI/UX design intelligence integrates with shadcn/ui to provide direct component search, allowing you to find and implement specific UI elements within your design system.

Can I review and refactor existing UI/UX code for style improvements?▼

Review and refactor existing UI/UX code using actions like fix, improve, optimize, and enhance to align your current frontend implementation with 50+ supported visual styles.