ui-ux-pro-max

Generate hierarchical design systems with Master + Overrides persistence via Python scripts.

2|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/successunforgettable/coachflow --skill ui-ux-pro-max-successunforgettable
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/successunforgettable/coachflow/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/successunforgettable/coachflow --skill ui-ux-pro-max-successunforgettable

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max removes guesswork and manual research when creating or reviewing interfaces by delivering a consistent, prioritized design system and implementation guidance tailored to a project's product type, style, and technology stack. It centralizes style decisions, accessibility rules, typography, color palettes, and stack-specific best practices so teams can move from concept to implementation faster and with fewer reworks.

Core Features & Use Cases

  • Searchable BM25-driven style, color, typography, chart, landing, and UX guideline database for fast discovery of patterns and anti-patterns.
  • Design system generator that aggregates multi-domain results, applies reasoning rules, and emits a Master + page-overrides persistence structure for project-level reuse.
  • Stack-aware implementation guidance and pre-delivery checklist for html-tailwind, react, nextjs, shadcn, and mobile stacks; ideal for landing pages, dashboards, admin panels, and mobile apps.

Quick Start

Generate a complete design system for a SaaS dashboard using html-tailwind and persist it as a Master file with 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 scalable UI design system for a React or Tailwind project?▼

To generate a scalable UI design system, this Skill aggregates style, color, and typography guidelines into a hierarchical Master structure with page-level overrides, providing stack-aware implementation guidance for React, Next.js, html-tailwind, and shadcn.

What's the best way to ensure UI accessibility and typography rules are applied consistently across web interfaces?▼

Ensuring UI accessibility and typography consistency is achieved by using a searchable BM25-driven database of UX guidelines and anti-patterns, which aggregates rules and applies reasoning to emit a persistent design system for web and mobile interfaces.

Can I use this UI/UX design guidance for mobile apps and SaaS dashboards?▼

Yes, you can use this UI/UX design guidance for mobile apps and SaaS dashboards. It delivers component-level reviews and prioritized design recommendations tailored to various product types, including landing pages and admin panels.

How does the BM25 search mechanism work for finding UX design patterns?▼

The BM25 search mechanism works by querying a CSV-based database of style, color, and chart guidelines to rapidly discover applicable UI design patterns and anti-patterns, which are then aggregated to build a comprehensive design system.

Do I need Python scripts to persist design system overrides for my web application?▼

You need Python scripts to support persistence via a Master and page-overrides structure. This allows you to save the generated hierarchical design system and apply specific style variations for different pages within your web application.