ui-ux-pro-max

Search domain data sources to assemble a UI/UX design system with implementation guidance.

30|1|Updated Apr 15, 2026
One-click install
npx skills add https://github.com/qianleigood/crawclaw --skill ui-ux-pro-max-qianleigood
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/qianleigood/crawclaw/tree/main/skills-optional/ui-ux-pro-max
Command: npx skills add https://github.com/qianleigood/crawclaw --skill ui-ux-pro-max-qianleigood

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

UI/UX teams and developers often struggle to rapidly architect consistent design systems that align with brand and accessibility standards. This Skill provides design intelligence and implementation guidance to generate cohesive patterns, tokens, and components.

Core Features & Use Cases

  • Multi-domain search across product, style, color, landing, typography, and UX guidelines to surface compatible design system options.
  • A reasoning engine that maps your project category to patterns, color moods, typography, and anti-patterns to deliver a tailored system.
  • Design System Generator that outputs a Pattern, Style, Colors, Typography, Effects, and a Pre-Delivery Checklist, plus optional Master/Overrides persistence for page-specific overrides.
  • Export formats for ASCII-based terminal workflows or Markdown-ready docs, enabling quick handover to developers.

Quick Start

Describe your project and request a complete design system using the design-system workflow to get a ready-to-use design system.

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 my project?

To generate a UI/UX design system, you describe your project and request a design-system workflow, which assembles patterns, color moods, typography, and tokens into a cohesive system. The output includes an implementation checklist and is returned in ASCII or Markdown formats.

What's the best way to ensure my design tokens meet accessibility standards?

The best way to ensure design tokens meet accessibility standards is to apply industry-specific reasoning rules that select compatible color moods and patterns. This process checks accessibility compliance while assembling your design system to prevent anti-patterns.

Can I persist page-specific overrides for a generated design system?

Yes, you can persist page-specific overrides by optionally saving a Master file during the design system generation process. This allows for hierarchical retrieval of tailored style, color, and typography adjustments without losing the core system structure.

Does the design system generator work for terminal-based documentation workflows?

Yes, the design system generator supports terminal-based documentation workflows by exporting results in ASCII format. This enables quick integration into terminal environments or developer handover without requiring graphical interfaces.

How does the reasoning engine map my project category to specific UX guidelines?

The reasoning engine maps your project category to specific UX guidelines by searching multiple domain data sources, including product, style, color, and typography guidelines. It applies industry-specific rules to select compatible patterns and avoid anti-patterns.

What components are included in a generated design system output?

A generated design system output includes Patterns, Style, Colors, Typography, Effects, and a Pre-Delivery Checklist. These components are assembled cohesively to provide complete implementation guidance for developers and designers.