ui-ux-pro-max

Generate UI/UX design systems with BM25 search and ASCII or Markdown outputs.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Aii-Group/AII-Admin-Cli --skill ui-ux-pro-max-aii-group
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Aii-Group/AII-Admin-Cli/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Aii-Group/AII-Admin-Cli --skill ui-ux-pro-max-aii-group

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Provides a repeatable, searchable workflow to create consistent UI/UX design systems and implementation guidance so teams can quickly choose styles, palettes, typography, component specs and accessibility rules without manual research or ad hoc decisions.

Core Features & Use Cases

  • Design system generation: Aggregates multi-domain search results and reasoning rules to produce a complete design system (patterns, colors, typography, effects, anti-patterns).
  • BM25-powered domain search: Fast, relevance-ranked searches across style, color, typography, landing, chart and UX guideline datasets to surface best matches.
  • Stack-specific guidance & outputs: Emits ASCII or Markdown design systems and provides stack recommendations (default html-tailwind) plus persistence using Master + page override files.
  • Pre-delivery checks & component specs: Produces CSS snippets, accessibility checks, and a pre-delivery checklist for production handoff.

Quick Start

Generate a persisted design system for a SaaS dashboard called Serenity Spa using the html-tailwind stack and save a page override for "dashboard".

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/UX design system for a web dashboard without manual research?

To generate a UI/UX design system for a web dashboard, use BM25-powered search across style, color, and typography datasets to aggregate reasoning rules into a complete system with patterns, palettes, and component specs without manual research.

Can I create a Tailwind-based design system with accessibility checks and component specs?

Yes, you can create a Tailwind-based design system that includes CSS snippets, accessibility checks, and component specs. It provides stack-specific guidance defaulting to html-tailwind for production handoff.

What is the best way to persist page-specific UI overrides for an e-commerce site?

The best way to persist page-specific UI overrides for an e-commerce site is using the included Python scripts to save Master and page-specific override files, ensuring consistent design system implementation across different pages.

Does the design system generator support Markdown and ASCII output formats?

Yes, the design system generator supports both ASCII and Markdown output formats. It emits comprehensive design systems and implementation guidelines in either format based on your preference.

How do BM25 search datasets improve typography and color palette recommendations?

BM25 search datasets improve typography and color palette recommendations by performing fast, relevance-ranked searches across style, color, typography, and UX guideline datasets to surface the best matches for your interface design.

When do I need a pre-delivery checklist for UI component production handoff?

You need a pre-delivery checklist for UI component production handoff when finalizing your design system. It ensures all CSS snippets, accessibility checks, and component specs meet production-ready requirements before deployment.