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.

Источник