skills.rest
Pixel-Process-UG
Pixel-Process-UGOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Enforce accessibility, touch targets, and performance priorities in UI/UX design guidance.

1|Updated Mar 15, 2026
Search Tags:#typography#performance#accessibility#design system#ui/ux#color palette#frontend implementation
One-click install
npx skills add https://github.com/Pixel-Process-UG/superkit-agents --skill ui-ux-pro-max-pixel-process-ug
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Pixel-Process-UG/superkit-agents/tree/main/templates/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Pixel-Process-UG/superkit-agents --skill ui-ux-pro-max-pixel-process-ug

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, ensuring that user interfaces are not only aesthetically pleasing but also accessible, performant, and aligned with best practices across various platforms and stacks.

Core Features & Use Cases

  • Style & Palette Selection: Recommends appropriate design styles, color palettes, and typography based on product type and audience.
  • Accessibility & Performance: Enforces strict adherence to WCAG guidelines, touch target sizes, and performance budgets.
  • UX Guidelines: Implements best practices for navigation, forms, feedback, and content layout.
  • Multi-Stack Implementation: Provides guidance for implementing designs in popular frameworks like React, Vue, Svelte, and native mobile technologies.
  • Use Case: When building a new SaaS dashboard, this Skill can guide the selection of a minimalist style, a professional blue-toned color palette, and ensure all interactive elements meet accessibility standards and have appropriate tap targets.

Quick Start

Guide me in designing a user-friendly and accessible mobile app interface for a meditation service.

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 design an accessible UI that meets WCAG guidelines?▼

Design accessible UI by enforcing strict adherence to WCAG guidelines, ensuring appropriate touch target sizes, and prioritizing performance budgets before applying styles and layouts to your interface.

What is the best way to choose a color palette and typography for a SaaS dashboard?▼

Choose a color palette and typography for a SaaS dashboard by evaluating the product type and audience, which guides recommendations for minimalist styles and professional blue-toned palettes.

How do I ensure my mobile app interface has appropriate touch targets and performance?▼

Ensure mobile app interfaces have appropriate touch targets and performance by enforcing a strict priority hierarchy of accessibility and performance budgets before finalizing visual styles.

Does this UI/UX design intelligence support frontend implementation in React, Vue, and Svelte?▼

Yes, this UI/UX design intelligence supports frontend implementation by providing detailed guidance for implementing accessible designs in popular frameworks like React, Vue, Svelte, and native mobile technologies.

Can I get UX guidelines for navigation and forms that align with my design system?▼

Yes, you can get UX guidelines for navigation and forms that implement best practices for feedback and content layout, fully integrating with your existing design systems and frontend implementation.

When should I prioritize accessibility over visual style in user interface design?▼

You should always prioritize accessibility over visual style in user interface design because this approach enforces a strict priority hierarchy of accessibility, touch targets, and performance before applying aesthetics.

Related Skills

Explore More Design & Creative Skills→
locnbk2002locnbk2002
1

ui-ux-pro-max

Generates UI/UX design systems and conducts accessibility audits for web/mobile apps using Python scripts.

Community
Advanced
istinataFTSistinataFTS
2

ui-ux-pro-max

Provide UI/UX design guidelines, styles, color palettes, and typography pairings for web and mobile apps.

Community
Advanced
toddmoytoddmoy
1

modernist

Generate Swiss Design and Bauhaus UI layouts with CSS/TSX design tokens.

Community
Advanced
penpotpenpot
33

penpot-audit-accessibility

Audit Penpot designs for WCAG 2.1/2.2 AA accessibility compliance.

Official
Advanced