skills.rest
AlejandroFigini
AlejandroFiginiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Plan, build, and review web and mobile interfaces with design patterns and accessibility guidelines.

Updated Mar 27, 2026
Search Tags:#typography#design#accessibility#ui-ux#design-system#color-palette
One-click install
npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill ui-ux-pro-max-alejandrofigini
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/AlejandroFigini/artist-portfolio/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill ui-ux-pro-max-alejandrofigini

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides a comprehensive design intelligence toolkit that guides planning, building, and evaluating web and mobile interfaces across multiple stacks.

Core Features & Use Cases

  • Extensive design system data: 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks.
  • Decision guidance: recommends layout, typography, color, motion, and interaction patterns; reviews UI code for accessibility and consistency.
  • Knowledge-driven workflow: search, compare, and apply patterns for pages, components, and experiences.

Quick Start

Describe your project goals and request a complete UI/UX design system with patterns, styles, and accessibility guidelines.

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 choose a color palette and typography for a web design system?▼

Choosing a color palette and typography for a web design system involves evaluating 161 color palettes and 57 font pairings to match your product type, ensuring visual consistency and accessibility across components.

What is the best way to review UI code for accessibility and consistency?▼

The best way to review UI code for accessibility and consistency is applying 99 UX guidelines to your components, checking for compliance against standardized design patterns and interaction rules across your stack.

Can I get UI/UX design recommendations for multiple tech stacks?▼

Yes, you can get UI/UX design recommendations across 10 stacks, providing layout, motion, and interaction patterns tailored to your specific technical environment and product requirements.

How do I plan a new mobile interface using a design system?▼

Planning a new mobile interface using a design system requires selecting from 161 product types and 50+ styles, comparing layout and interaction patterns to structure your user experience effectively.

Does this UI/UX guidance support choosing chart types for data visualization?▼

Yes, this UI/UX guidance supports choosing chart types for data visualization by offering 25 chart types, helping you select the appropriate visual format for your data sets within your chosen stack.

When should I not use an automated design system approach for refactoring components?▼

You should not use an automated design system approach for refactoring components when your interface requires highly bespoke, one-off visual styles that fall outside the 50+ established design styles and standardized UX guidelines.

Related Skills

Explore More Design & Creative Skills→
martin-hsu-testmartin-hsu-test
1

design-consultation

Generate a DESIGN.md design system covering typography, color, layout, spacing, and motion.

Community
Advanced
lucking7lucking7

frontend-design

Guides layout, typography, color, and accessibility for frontend interfaces.

Community
Basic
magic3007magic3007
10

frontend-design

Translate frontend requirements into production-ready UI with code samples.

Community
Advanced
zhuxiningzhuxining

canvas-design

Translate a design philosophy into a single-page PDF or PNG canvas.

Community
Advanced