ui-ux-pro-max

Generate design systems with styles, palettes, fonts, and UX guidelines.

Updated Feb 14, 2026

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

Ready to run

npx skills add https://github.com/toanalien/ezdevsecops --skill ui-ux-pro-max-toanalien

💬 Prompt for ChatGPT / Claude Chat▼

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

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: Create a complete design system based on project requirements.
Component Styling: Get recommendations for specific UI elements like buttons, modals, and forms.
UX Best Practices: Ensure accessibility, performance, and optimal user interaction.
Use Case: When building a new SaaS dashboard, use this Skill to generate a design system that includes a modern style, an appropriate color palette, and accessibility guidelines.

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 create a complete design system for a new web project?▼

To create a complete design system, this Skill generates a cohesive set of UI/UX guidelines by matching your project requirements with 50+ styles, 97 color palettes, and 57 font pairings to establish a consistent visual language.

Can I get UI component styling recommendations for a SaaS dashboard?▼

Yes, you can get UI component styling recommendations for a SaaS dashboard by leveraging its design intelligence to suggest appropriate styles, color palettes, and UX best practices for specific interface elements.

What's the best way to ensure frontend accessibility and UX best practices in my interface?▼

The best way to ensure frontend accessibility and UX best practices is to apply its 99 built-in UX guidelines, which evaluate your interface against established interaction patterns and accessibility standards.

Does this design intelligence tool work with shadcn/ui components?▼

Yes, this design intelligence tool works directly with shadcn/ui by integrating component search capabilities, allowing you to find and implement styled components that align with your generated design system.

How do I review and optimize existing UI/UX code for better visual consistency?▼

To review and optimize existing UI/UX code, the Skill analyzes your current implementation and provides actionable recommendations to fix, enhance, and refactor styles using its library of design patterns and typography rules.

What technology stacks are supported for generating UI/UX design guidelines?▼

This Skill supports generating UI/UX design guidelines across 9 distinct technology stacks, ensuring that the design system and component recommendations align with your specific frontend development environment.