skills.rest
SKANL
SKANLCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provides centralized UI/UX guidance for designing and evaluating accessible digital interfaces across multiple technology stacks.

Updated Jan 27, 2026
Search Tags:#typography#design#accessibility#patterns#color#ui-ux#design-system
One-click install
npx skills add https://github.com/SKANL/abogado-sala --skill ui-ux-pro-max-skanl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/SKANL/abogado-sala/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/SKANL/abogado-sala --skill ui-ux-pro-max-skanl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a centralized repository of UI/UX guidelines, patterns, and design-system resources to accelerate consistent, accessible interfaces across multiple stacks and platforms.

Core Features & Use Cases

  • A comprehensive design intelligence resource covering 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Use cases include building cohesive design systems, evaluating component patterns, selecting typography and color strategies, and delivering accessible, responsive interfaces.
  • Example: plan and implement a responsive dashboard with clear typography hierarchy and accessible color contrast for multiple themes.

Quick Start

To begin, review the UI/UX Pro Max guidelines and run the included design-system search script to generate a pattern, color, and typography plan for your project. Example: python3 skills/ui-ux-pro-max/scripts/search.py "dashboard UI" --design-system

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 build a responsive dashboard with accessible color contrast and clear typography hierarchy?▼

Build a responsive dashboard by applying structured design-system patterns for typography hierarchy and accessible color contrast. This ensures UI components maintain readability and meet accessibility standards across multiple technology stacks.

What is the best way to select a cohesive color palette and font pairing for a UI design system?▼

Select cohesive palettes and font pairings by querying a centralized design intelligence resource covering 97 color palettes and 57 font pairings. This enforces a consistent, reusable visual language across your project.

Can I use these UI/UX guidelines for both SaaS interfaces and mobile apps?▼

Yes, you can apply these UI/UX guidelines across SaaS interfaces and mobile apps. The design intelligence covers 9 technology stacks and common project types including websites, dashboards, e-commerce, and portfolios.

How do I evaluate component patterns and plan an interface design before implementation?▼

Evaluate component patterns by running a design-system search script to generate a structured plan for your interface. This streamlines decision-making by providing reusable patterns, palettes, and typography strategies.

Does this design intelligence resource include accessibility considerations for UI components?▼

Yes, the design intelligence resource includes accessibility considerations directly within its workflow. It enforces accessible color contrast and structured guidelines when planning and reviewing interface components.

What are the limitations of using a centralized design system for multiple technology stacks?▼

A centralized design system streamlines consistency but requires adherence to predefined patterns across 9 stacks. You must map the 50+ styles and 99 UX guidelines accurately to your specific framework constraints.

Related Skills

Explore More Design & Creative Skills→
NintendaDevNintendaDev
16

unikit

Scan game engine manifests and settings to bootstrap UniKit project artifacts.

Community
Advanced
costa-marcellocosta-marcello
2

frontend-design

Guide frontend UI design with typography, color, and accessibility standards.

Community
Advanced
jlawsjlaws
2

agent-frontend-engineer

Design accessible, responsive UI components for frontend frameworks like React, Next.js, and Vue.

Community
Advanced
arvindbattulaarvindbattula

design-typography

Audit font choices, hierarchy, and readability to produce consistent typography systems.

Community
Intermediate