ui-ux-pro-max

A community UI/UX knowledge-base skill: local CSV data (styles, palettes, font pairings, UX rules, chart types, stacks) plus a Python search script that produces a design system before the agent writes the page.

Source: nextlevelbuilder/ui-ux-pro-max-skill
Path: .claude/skills/ui-ux-pro-max · SKILL.md
Upstream commit: d14efff8ed (reference)
Installed with: ui-ux-pro-max-cli@2.15.0 (the skill's own CLI)
License: MIT

Each prompt shows a fixed 2×2: Codex native, Codex + skill, Claude Code native, Claude Code + skill. Click a screenshot to see the full page. Install and use ↓

Strengths

What the skill's own documentation says it is good at, with a link to where it says so. These are claims, not results: compare them with the pages below.

Searchable local design data for web, mobile and desktop UI (styles, product palettes, font pairings, UX guidelines, chart types, stacks) source
Industry-specific colour palettes and reasoning rules that generate a design system per product type source
Chart type recommendations for dashboards and analytics source

Test scope: SaaS landing page, Data dashboard, Personal blog and portfolio. Prompts outside this list are marked “Out of scope”, not pending.

Checked against the skill text after the v0 runs (not decided in advance). Quotes are from the repo at the reference commit; the gallery runs the CLI 2.15.0 output, whose description is the same.

SaaS landing page

landing-saas

Codex native

Model: gpt-6.1-sol · high
Time: 7m 51s
Tokens: in 424k · out 24.5k
Skill used: n/a
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-25

a11y 1 serious▶ video

👍 0 · Vote

Open page run.json

Codex + ui-ux-pro-max

Model: gpt-6.1-sol · high
Time: 7m 14s
Tokens: in 462k · out 22.0k
Skill used: Yes
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-25

a11y 1 serious▶ video

👍 0 · Vote

Open page run.json

Claude Code native

Model: claude-opus-5-5 · high
Time: 7m 11s
Tokens: in 30 · cache 873k · out 37.6k
Skill used: n/a
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-26

a11y 1 serious▶ video

👍 0 · Vote

Open page run.json

Claude Code + ui-ux-pro-max

Model: claude-opus-5-5 · high
Time: 13m 48s
Tokens: in 76 · cache 3.78M · out 59.1k
Skill used: Yes
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-26

a11y: none found▶ video

👍 0 · Vote

Open page run.json

Data dashboard

dashboard

Codex native

Model: gpt-6.1-sol · high
Time: 6m 56s
Tokens: in 326k · out 25.8k
Skill used: n/a
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-25

a11y 1 critical▶ video

👍 0 · Vote

Open page run.json

Codex + ui-ux-pro-max

Model: gpt-6.1-sol · high
Time: 9m 00s
Tokens: in 1.30M · out 27.7k
Skill used: Yes
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-25

a11y 1 critical▶ video

👍 0 · Vote

Open page run.json

Claude Code native

Model: claude-opus-5-5 · high
Time: 8m 03s
Tokens: in 34 · cache 1.08M · out 46.4k
Skill used: n/a
External: none
Run date: 2026-10-26

a11y 1 serious▶ video

👍 0 · Vote

Open page run.json

Claude Code + ui-ux-pro-max

Model: claude-opus-5-5 · high
Time: 7m 12s
Tokens: in 28 · cache 1.05M · out 49.9k
Skill used: Yes
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-26

a11y 1 serious▶ video

👍 0 · Vote

Open page run.json

Personal blog and portfolio

blog-portfolio

Codex native

Model: gpt-6.1-sol · high
Time: 4m 59s
Tokens: in 218k · out 19.8k
Skill used: n/a
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-25

a11y 1 serious▶ video

👍 0 · Vote

Open page run.json

Codex + ui-ux-pro-max

Model: gpt-6.1-sol · high
Time: 6m 55s
Tokens: in 510k · out 20.3k
Skill used: Yes
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-25

a11y 1 serious▶ video

👍 0 · Vote

Open page run.json

Claude Code native

Model: claude-opus-5-5 · high
Time: 10m 28s
Tokens: in 24 · cache 661k · out 41.1k
Skill used: n/a
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-26

a11y 1 serious▶ video

👍 0 · Vote

Open page run.json

Claude Code + ui-ux-pro-max

Model: claude-opus-5-5 · high
Time: 8m 05s
Tokens: in 54 · cache 2.22M · out 45.3k
Skill used: Yes
External: fonts.googleapis.com, fonts.gstatic.com
Run date: 2026-10-26

a11y: none found▶ video

👍 0 · Vote

Open page run.json

Install and use

This skill is generated for each agent by its own CLI (ui-ux-pro-max-cli@2.15.0). The gallery runs used that output.

Claude Code

Install

npx ui-ux-pro-max-cli@2.15.0 init --ai claude

Writes .claude/skills/ui-ux-pro-max/ in the current project.

Use

# interactive
/ui-ux-pro-max <your task>

# or end any request with
Use the ui-ux-pro-max skill.

# headless, as in the gallery runs
claude -p '<your task> Use the ui-ux-pro-max skill.'

To make it available in every project, put the folder in ~/.claude/skills/ui-ux-pro-max/ instead. Claude Code can also load the skill by itself when a request matches the skill's description.

Codex

Install

npx ui-ux-pro-max-cli@2.15.0 init --ai codex

Writes .agents/skills/ui-ux-pro-max/ in the current project.

Use

# interactive: mention it, or pick it from /skills
$ui-ux-pro-max <your task>

# headless, as in the gallery runs
codex exec -s workspace-write '<your task> Use the $ui-ux-pro-max skill.'

To make it available in every project, put the folder in ~/.agents/skills/ui-ux-pro-max/ instead. Codex can also pick the skill by itself, based on its description.

Notes

Needs python3 (standard library only) to run its search scripts.
The upstream README recommends npm i -g ui-ux-pro-max-cli; the gallery uses npx with a pinned version instead, so nothing is installed globally.