ui-ux-pro-max

Guide UI design with structured rules for accessible, production-ready interfaces.

3|Updated Jan 22, 2026

Search Tags:#typography #design #accessibility #UI #color-contrast #production-quality #ux-principles

Ready to run

npx skills add https://github.com/falconnt/windsurf-skills --skill ui-ux-pro-max-falconnt

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, repeatable framework for creating accessible, high-quality user interfaces, reducing guesswork and rework.

Core Features & Use Cases

Priority-based UX rules: CRITICAL, HIGH, MEDIUM, and LOW guide design decisions to guarantee the most critical issues are resolved first.
Accessibility & UX best practices: color contrast, focus states, keyboard navigation, aria-labels, typography, and responsive behavior.
Pre-delivery checklists & references: production-grade checklists and design databases (styles, colors, typography) to ensure consistency and quality.

Quick Start

Apply the UI Pro Max rules to a new component by evaluating accessibility, typography, color, and layout against the provided design databases, then perform the pre-delivery checklist before shipping.

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 ensure my UI design meets accessibility standards before delivery?▼

To ensure UI design meets accessibility standards, evaluate color contrast, focus states, keyboard navigation, and aria-labels against structured rules, then run a pre-delivery checklist to verify compliance and polish.

What is the best way to structure a production-ready UI design system?▼

The best way to structure a production-ready UI design system is to apply priority-based UX rules across components, typography, color systems, and motion, using a structured framework to enforce consistency and reduce rework.

How do I prioritize UX issues when designing web and app interfaces?▼

Prioritize UX issues by categorizing design decisions into CRITICAL, HIGH, MEDIUM, and LOW priority levels, ensuring the most critical accessibility and layout problems are resolved first during interface production.

Can I use this framework for both dashboards and consumer apps?▼

Yes, you can use this framework for both dashboards and consumer apps. It applies structured UI rules to components, layouts, and responsive behavior across web and app design scenarios.

What should a pre-delivery UI checklist include for production quality?▼

A pre-delivery UI checklist for production quality should include accessibility audits for color contrast and keyboard navigation, typography evaluation, responsive behavior checks, and design database verification for consistency.

Why does my UI lack consistency across different components and layouts?▼

Your UI lacks consistency because it is not governed by a repeatable design framework. Applying priority-based UX rules and pre-delivery checklists ensures consistent styles, typography, and color systems across all components.