skills.rest
geinala
geinalaOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems with master and page overrides from BM25-ranked UI/UX guidelines.

Updated Nov 15, 2025
Search Tags:#ui#persistence#ux#design-system#multidomain
One-click install
npx skills add https://github.com/geinala/entry --skill ui-ux-pro-max-geinala
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/geinala/entry/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/geinala/entry --skill ui-ux-pro-max-geinala

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Automates the creation of consistent design systems by aggregating product, style, color, typography, and UX guidance into a reusable blueprint.

Core Features & Use Cases

  • Multi-domain search across product, style, color, landing, and typography domains to assemble a cohesive design system.
  • Generates color palettes, typography moods, spacing scales, and component patterns tailored to product type and accessibility requirements.
  • Use Case: A SaaS dashboard needs a unified design system with a Master file and page-specific overrides to accelerate UI delivery.

Quick Start

Analyze your project concept and run the design system generator to produce a complete system with hierarchical 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 UI design system with consistent color, typography, and component patterns?▼

To generate a design system, you provide a project concept and the skill aggregates cross-domain UI/UX guidelines to produce a complete blueprint with color palettes, typography moods, and spacing scales.

Can I create page-specific overrides for a SaaS dashboard design system?▼

Yes, you can create page-specific overrides. The skill generates a hierarchical design system with a master file and optional page overrides to maintain consistency while allowing localized UI adjustments.

How does multi-domain search work for assembling UI design guidelines?▼

Multi-domain search works by applying BM25-ranked recommendations across product, style, color, landing, and typography domains to select and assemble cohesive UX patterns for your interface.

What is the best way to maintain UI consistency across web and mobile products?▼

The best way to maintain UI consistency is using a persistence mechanism that stores hierarchical design-system rules, enabling rapid pattern selection and consistent component delivery across web and mobile.

Do I need to manually configure accessibility requirements for typography and color palettes?▼

No, you do not need to manually configure accessibility. The design system generator automatically tailors color palettes, typography moods, and spacing scales to meet your product type and accessibility requirements.

Why does reasoning-based pattern selection matter for UI design systems?▼

Reasoning-based pattern selection matters because it evaluates cross-domain guidelines to choose the most relevant component patterns, ensuring the generated design system is cohesive rather than just a random compilation.

Related Skills

Explore More Design & Creative Skills→
BatsiraiBatsirai

design-consultation

Generates a DESIGN.md design system blueprint for web apps and dashboards.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic
AshesOfTheUndeadAshesOfTheUndead

paper

Standardize UI design with token-based spacing, color palettes, and font scales.

Community
Intermediate
DeltaFoundry850DeltaFoundry850

ui-ux-pro-max

Generate design systems with color palettes, typography, spacing tokens, and component specs.

Community
Advanced