ui-ux-pro-max

Generate UI/UX design-system recommendations from YAML fields and CSV evidence.

9|2|Updated Apr 24, 2026
One-click install
npx skills add https://github.com/TasiTech/tasi-harness --skill ui-ux-pro-max-tasitech
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/TasiTech/tasi-harness/tree/main/resources/skills/work/ui-ux-pro-max-0.1.0
Command: npx skills add https://github.com/TasiTech/tasi-harness --skill ui-ux-pro-max-tasitech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

ui-ux-pro-max reduces design guesswork by generating coherent UI/UX direction—pattern, style, colors, typography, effects, and anti-patterns—so you can build professional interfaces with fewer iterations.

Core Features & Use Cases

  • Design system generation: Produces a complete, actionable design system recommendation including layout pattern, style category, palette guidance, typography pairing, key effects, and a pre-delivery checklist.
  • Domain/stack-specific guidance: Retrieves UI, UX, typography, color, landing-page structure, and (optionally) implementation guidance tailored to common front-end stacks.
  • Reasoning + anti-pattern avoidance: Applies curated reasoning rules to pick better matches and explicitly lists things to avoid for a more reliable, accessibility-aware outcome.

Quick Start

Ask your AI assistant: Build a UI for a SaaS dashboard with a minimal, modern style and WCAG AA-level accessibility goals, then request a design-system output with implementation guidance.

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 UI design system with color palette and typography pairing for a new product?

Generate a UI design system by providing a product direction; the tool searches and ranks style, color, typography, and pattern data to output coherent palette guidance, typography pairing, and layout patterns.

What is the best way to ensure my UX flow meets accessibility standards like WCAG AA?

To ensure UX flow meets accessibility standards, the system applies curated reasoning rules to select accessible matches and explicitly lists anti-patterns to avoid for WCAG AA-level compliance outcomes.

Can I convert UX guidance into a concrete frontend implementation plan for a specific stack?

You can convert UX guidance into frontend implementation plans by retrieving domain-specific and stack-specific implementation guidance tailored to common frontend frameworks from the generated design system.

How do I refine an existing layout proposal using critique-driven UX workflows?

Refine an existing layout using critique-driven workflows; the system supports refinement by aggregating multi-domain CSV evidence to propose better style matches and explicitly identify anti-patterns to avoid.

Does generating design system tokens require predefined YAML discovery fields?

Generating design system tokens requires YAML-defined discovery fields, which drive the bundled Python BM25 search and design-system generator to aggregate evidence into structured tokenization outputs.

What are the limitations of using automated UI design recommendations for complex interfaces?

Automated UI design recommendations reduce guesswork but require YAML-defined inputs; complex interfaces may need manual critique-driven refinement since outputs are structured from ranked multi-domain CSV evidence rather than open-ended visual generation.