Which do you prefer?

The two walls, compared

Codex6.1 Sol

Codex6 Luna

Codex6 Astra

Codex5.6 Sol

Codex5.6 Terra

Codex5.6 Luna

Codex5.5

ClaudeFable 5.1

ClaudeOpus 5.5

ClaudeSonnet 5.5

AntigravityGemini 3.1 Pro

AntigravityGemini 3.8 Flash

Grok4.7

CursorComposer 2.5

Roster last refreshed 2026-10-01. Codex 6.1 Sol, 6 Luna and 6 Astra, Claude Fable 5.1, Opus 5.5 and Sonnet 5.5, Antigravity Gemini 3.8 Flash, and Grok 4.7 are reruns, not renames: each band ran the new model on its own ten prompts, with its own ten 12ui drafts beside them. Codex 5.6 Sol, 5.6 Terra, 5.6 Luna and 5.5 are the previous Codex generation, kept so the 6 series can be read against them. Every other band is the current model of its family and was not changed in this pass.

Install the skill. Prompt like you already do.

Four designed directions in about two minutes. Pick one - it’s real HTML, yours to keep.

npx -y @12ui/design skill install
Works with
  • Claude Code
  • Codex
  • Copilot
  • Antigravity
  • Grok
  • Cursor

Take a closer look

The same prompt was used both with and without the 12ui skill. Compare the results below to see what adding the 12ui skill can do to improve your coding agent’s ability to create high quality designs.

Quarry - hosted build-cache service for monorepo teams, landing page

We run Quarry, a hosted build-cache service for monorepo teams. This is our marketing landing page for engineering leads who are tired of slow CI.

Codex (5.6 Terra)
The coding agent’s own answer to the Quarry - hosted build-cache service for monorepo teams, landing page prompt.
With 12ui skill
The answer with the 12ui skill installed to the Quarry - hosted build-cache service for monorepo teams, landing page prompt.

Gable - dating app for rural singles, landing page

We run Gable, a dating app for rural singles. In farm counties the nearest compatible person can be two hours away, so our search radius extends to 150 miles and profiles are video-first - a 60-second clip beats a week of texting before a long drive.

Codex (5.5)
The coding agent’s own answer to the Gable - dating app for rural singles, landing page prompt.
With 12ui skill
The answer with the 12ui skill installed to the Gable - dating app for rural singles, landing page prompt.

Keyring - listing pipeline for residential agents, screen

We make Keyring, deal management software for residential listing agents. This is the pipeline screen an agent checks between showings. One viewport: their listings grouped by stage - preparing, active, under contract, closing - each card showing address, list price, and days on market, today's showings with times, and tasks due today (a typical agent carries 9-14 listings and 6-10 daily tasks). Overdue tasks must be unmissable.

Claude (Fable 5.1)
The coding agent’s own answer to the Keyring - listing pipeline for residential agents, screen prompt.
With 12ui skill
The answer with the 12ui skill installed to the Keyring - listing pipeline for residential agents, screen prompt.

Stakeout - nonprofit investigative newsroom membership, landing page

Stakeout is a nonprofit newsroom publishing one investigation a week into state government contracting, funded by 40,000 readers. This landing page converts new readers into members.

Claude (Opus 5.5)
The coding agent’s own answer to the Stakeout - nonprofit investigative newsroom membership, landing page prompt.
With 12ui skill
The answer with the 12ui skill installed to the Stakeout - nonprofit investigative newsroom membership, landing page prompt.

Kestrel - optometry exam-room screen, screen

We make Kestrel, clinical software for optometry practices. This is the exam-room screen an optometrist fills in during a routine eye exam.

Claude (Sonnet 5.5)
The coding agent’s own answer to the Kestrel - optometry exam-room screen, screen prompt.
With 12ui skill
The answer with the 12ui skill installed to the Kestrel - optometry exam-room screen, screen prompt.

Thistledown - village-life game where the player restores, landing page

Thistledown is a village-life game where the player restores an abandoned market town - farming, fishing, and shopkeeping across four seasons, with 30 villagers who each carry their own storyline.

Antigravity (Gemini 3.1 Pro)
The coding agent’s own answer to the Thistledown - village-life game where the player restores, landing page prompt.
With 12ui skill
The answer with the 12ui skill installed to the Thistledown - village-life game where the player restores, landing page prompt.

Tablefront - restaurant host-stand screen, screen

Tablefront is front-of-house software for full-service restaurants. This is the host-stand screen used at the door on a Friday night: tonight's reservations in time order with party size and notes, the floor's 22 tables with live status (open, seated, check dropped, needs cleaning), and the walk-in waitlist with quoted wait times.

Antigravity (Gemini 3.8 Flash)
The coding agent’s own answer to the Tablefront - restaurant host-stand screen, screen prompt.
With 12ui skill
The answer with the 12ui skill installed to the Tablefront - restaurant host-stand screen, screen prompt.

Wildercress Kombucha - Asheville taproom and wholesale, landing page

We run Wildercress Kombucha, a small brewery with a taproom in Asheville and wholesale accounts at about 60 cafes and grocers.

Grok (4.7)
The coding agent’s own answer to the Wildercress Kombucha - Asheville taproom and wholesale, landing page prompt.
With 12ui skill
The answer with the 12ui skill installed to the Wildercress Kombucha - Asheville taproom and wholesale, landing page prompt.

Same agent, same prompts, one new skill.