ui-ux-pro-max

Generate accessibility-minded UI/UX design systems from natural-language queries.

Updated Dec 4, 2025
One-click install
npx skills add https://github.com/PolliticalSolutions/political-portal --skill ui-ux-pro-max-polliticalsolutions
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/PolliticalSolutions/political-portal/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/PolliticalSolutions/political-portal --skill ui-ux-pro-max-polliticalsolutions

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX decisions often become inconsistent, inaccessible, or hard to scale; this Skill helps you quickly produce a coherent, accessibility-aware design system for your product.

Core Features & Use Cases

  • Design system generation: Creates an opinionated UI/UX design system (pattern, style, colors, typography, effects, and anti-patterns) using priority-based recommendations.
  • Domain-focused guideline search: Retrieves targeted guidance for UX, typography, color palettes, landing page structure, and chart types.
  • Optional persistence (Master + Overrides): Saves a generated Master design system and optionally creates page-level override files for consistent design across screens.

Quick Start

Run the design system generator for your product by searching for the right UI/UX direction, such as: python3 skills/ui-ux-pro-max/scripts/search.py "saas dashboard fintech dark mode" --design-system -p "Political Portal".

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 an accessible UI/UX design system from a natural language description?

To generate an accessible UI/UX design system, you provide a natural-language query describing your product, and the system outputs an opinionated design system including colors, typography, and effects while applying accessibility reasoning rules.

What is the best way to structure a landing page using UX guidelines?

The best way to structure a landing page is to use domain-focused guideline searches that retrieve targeted UX layout recommendations, ensuring your landing page structure follows accessibility and functional requirements.

Can I create page-level overrides for a Master design system?

Yes, you can save a generated Master design system and optionally create page-level override files, allowing you to maintain consistent design across different screens while adapting specific UI patterns.

Does this design system generation approach support both web and mobile patterns?

Yes, the design system generation supports stack-specific guideline lookups and applies UI reasoning across both web and mobile patterns to ensure coherent product UI planning.

How do I retrieve targeted guidance for color palettes and typography?

You retrieve targeted guidance for color palettes and typography by performing multi-domain searches using natural language queries, which apply BM25-based retrieval to find specific UX design recommendations.

What limitations exist when persisting design system outputs?

Persistence is limited to saving a Master design system and optional page override files, meaning complex multi-state component variations may require manual configuration outside the generated output structure.