UI UX Pro Max skill: a design database for Claude Code, tested

说明与用途

UI UX Pro Max 是一个设计数据库，提供样式、配色和 UX 规则建议。在测试中，它改善了可访问性和布局，但导致元素重叠并添加了虚构的产品事实。

问题

Designing a landing page for a fictional bookkeeping app with limited resources and strict brief constraints, while ensuring accessibility, touch targets, and layout rules.

结果

The skill provided a defensible starting system, improved accessibility and layout, but introduced an overlapping card and invented product facts. The page was longer and more detailed than the baseline.

工作流

• 1. Install UI UX Pro Max via plugin marketplace or CLI. 2. Run search.py --design-system to get a full direction. 3. Execute narrower domain searches (ux, typography, color, landing, icons, stack) as needed. 4. Use the returned recommendations to guide Claude Code’s design. 5. After generation, screenshot the hero at 1440 px and 375 px to check for overlaps and layout issues.
• 6. Manually fix any visual problems such as the overlapping card.

证据

The agent’s first move was the design-system search. We reran its exact command afterwards; the search is deterministic, so this is the output it worked from:

来源

The agent applied the glass style with restraint (frosted header, hero card and pricing card, flat elsewhere) and kept the dark mode off, as the search advised for this product.

来源

It was also the longest page in the test, at about 850 visible words, and it kept most of the template chrome the other skills avoided:

来源

An overlapping card. In the hero, the floating "41 transactions tagged" confirmation sits on top of the fourth transaction row and hides its client name at 1440 px.

来源

The run took 17 turns and 8.3 minutes, with an API-equivalent cost of $2.42 reported by Claude Code, against 2 turns, 3.3 minutes and $0.98 for the baseline.

来源