skills.rest
falconnt
falconntCOMMUNITY
Explore all skills by this author →
Website𝕏@pkeldersGitHub

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
One-click install
npx skills add https://github.com/falconnt/windsurf-skills --skill ui-ux-pro-max-falconnt
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
patrick-falveypatrick-falvey

design-system

Generate design systems, wireframes, and landing pages from product requirements.

Community
Advanced
muzhicaomingwangmuzhicaomingwang
3

ui

Translate UX concepts into wireframe-level UI specifications with design tokens and accessibility checklists.

Community
Intermediate
cynthiateeterscynthiateeters

Accessibility validation (WCAG 2.2 Level AA)

Validates WCAG 22 Level AA accessibility compliance of HTML including contrast, ARIA, keyboard navigation, and image alt text before commits.

Community
Basic
slgoodrichslgoodrich
121

usability-frameworks

Plan and evaluate usability testing for user interfaces using Nielsen's heuristics.

Community
Basic