Which do you prefer?

The two walls, compared

Codex6 Astra

Codex5.6 Sol

Codex5.6 Terra

Codex5.6 Luna

Codex5.5

ClaudeFable 5.1

ClaudeOpus 5

ClaudeSonnet 5

AntigravityGemini 3.1 Pro

AntigravityGemini 3.8 Flash

Grok4.6

CursorComposer 2.5

Roster last refreshed 2026-09-08. Codex 6 Astra, Claude Fable 5.1 and Antigravity Gemini 3.8 Flash are reruns, not renames: each band ran the new model on its own ten prompts, with its own ten 12ui drafts beside them. Grok 4.7 does not exist. grok-4.6 is the current published model, this band already runs it, and so that band was neither rerun nor renamed. Codex 5.6 Sol, 5.6 Terra, 5.6 Luna and 5.5 are the previous Codex generation, kept so 6 Astra 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.

Clearwater Alliance - river cleanup, annual impact page

Clearwater Alliance organizes volunteer debris removal on a 90-mile river. This is our annual impact page, published each January and sent to every donor and volunteer.

Claude (Opus 5)
The coding agent’s own answer to the Clearwater Alliance - river cleanup, annual impact page prompt.
With 12ui skill
The answer with the 12ui skill installed to the Clearwater Alliance - river cleanup, annual impact page prompt.

Pipsqueak Labs - children's science kits, landing page

Pipsqueak Labs mails a monthly science kit for children ages four to eight. Each box contains three experiments, all materials included, with instructions a pre-reader can follow from pictures.

Claude (Sonnet 5)
The coding agent’s own answer to the Pipsqueak Labs - children's science kits, landing page prompt.
With 12ui skill
The answer with the 12ui skill installed to the Pipsqueak Labs - children's science kits, landing page 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.

Camshaft Supply Co - a restoration parts house for 1950s through 1970s, landing page

We run Camshaft Supply Co., a restoration parts house for 1950s through 1970s pickups. This landing page serves people mid-restoration who need the right part the first time.

Grok (4.6)
The coding agent’s own answer to the Camshaft Supply Co - a restoration parts house for 1950s through 1970s, landing page prompt.
With 12ui skill
The answer with the 12ui skill installed to the Camshaft Supply Co - a restoration parts house for 1950s through 1970s, landing page prompt.

Same agent, same prompts, one new skill.