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.