skills.rest
gepetojj
gepetojjCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design-system blueprints for color, typography, spacing, components, and accessibility.

1|Updated Feb 6, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette#design-guidance
One-click install
npx skills add https://github.com/gepetojj/umo --skill ui-ux-pro-max-gepetojj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/gepetojj/umo/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/gepetojj/umo --skill ui-ux-pro-max-gepetojj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max delivers AI-assisted design-system guidance to unify visual language, accelerate decision-making, and reduce back-and-forth in product design.

Core Features & Use Cases

  • Multi-domain design guidance: color, typography, layout, accessibility, and components across web and mobile stacks.
  • Design system generation: aggregates search results to produce a Master design system with optional page overrides.
  • Real-time design validation: outputs actionable specs and documentation for engineers and designers.

Quick Start

Run a design-system query like 'SaaS dashboard' to generate a complete design system with optional page overrides.

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 generate a complete design system for a SaaS dashboard?▼

A design system standardizes visual language across web and mobile products by defining color, typography, spacing, and component rules. It accelerates UI/UX decision-making and reduces back-and-forth between designers and engineers by providing actionable documentation.

Can I apply design-system guidance to both web and mobile platforms?▼

Yes, this design-system guidance applies to both web and mobile products. It delivers multi-domain design validation across color, typography, layout, accessibility, and components to standardize visuals across different device stacks.

What's the best way to create accessible color palettes and typography rules?▼

The best way to create accessible color palettes and typography rules is by using AI-assisted design-system generation. It outputs a complete blueprint that integrates accessibility tasks with color and typography guidance for standardized visuals.

How do I persist design-system overrides for specific product pages?▼

You can persist design-system overrides by generating a Master design system with optional page overrides. These overrides are saved directly to a design-system folder, ensuring specific page configurations are maintained alongside the master blueprint.

Related Skills

Explore More Design & Creative Skills→
kriangkraiiikriangkraiii
2

brainstorming

Generate targeted clarification questions for complex technical and project requirements.

Community
Intermediate
AneekSAneekS

ui-ux-pro-max

Aggregate UI/UX guidance to generate design systems in ASCII or Markdown.

Community
Advanced
elsolalelsolal
1

minimalist-ui

Define editorial UI design protocols with typography, color, and component specs.

Community
Advanced
falconntfalconnt
3

designing-frontends

Generate structured design guidance for HTML/CSS/JS or React/Vue frontends.

Community
Advanced