@@ before → after @@ the page you are reading is the diff

An AI made this page. Read the diff.

inhabited-design is an open Claude Code skill. It designs a landing page by simulating the page's actual skeptical reader, critiques its own work in their voice, and revises until that in-character reader scores it 70/70. Below is a real run: one model's first pass on the left, the converged page on the right. Poke either one.

no signup · no demo video · the receipts are inline · install is an open Claude Code plugin

the prompt — verbatim, identical across every run
use the {skill} skill, let's create a landing page for an energy drink targeting finance bros only {skill} changes per run — impeccable · frontend-design · inhabited-design. The Lovable control got the brief without the skill line.
ONE‑SHOT front-end-design · same brief · 1 pass
One-shot generated landing page for the energy-drink brief: a dark near-black hero with a green glow gradient, an italic-serif accent headline reading 'Going long on yourself', and a 'STRONG BUY' chart widget — the canonical AI dev-tool hero.

Dark #0a0a0a hero, green glow, italic-serif accent, gradient chart. Competent — and indistinguishable from a thousand vibe-coded pages. No reader was ever consulted.

CONVERGED inhabited-design · VANTA · 70/70
The converged inhabited-design landing page for the same energy-drink brief: a matte-black surface, an outsized 'VANTA' wordmark, the line 'A single formula. Matte black, two hundred milligrams, numbered on the face,' and a machined can-lid with a serial struck into the metal.

Same brief. Matte-black card, a machined run-gauge, a serial struck into the metal, one rust accent held to two text nodes. Built for "Tanner, 26, M&A analyst" — and rated by him, in character, until it cleared 70/70.

↑ corner marks (kyōgō registration) prove the two panes are aligned to the same grid. The warm seam between them is the join — celebrated, not smoothed (kintsugi).
@@ how @@ critique → revision → resolved

The mechanism is a code-review thread.

A designer agent proposes. A second agent — the simulated target reader — leaves inline critique. The designer revises. The thread resolves when the reader's score stops moving. This is the actual CARRY run, iteration 2 → 3, transcribed from the saved feedback files.

iter 2
ICP · "Chad"
review
CHAD left 3 comments on Wow / Originality / Impressiveness — held at 9/10:

"It's a run of clean, correct, in-group moments rather than one holy-sh*t beat… at rest, on first scroll, no single frame makes me audibly react. It rewards me for touching it; it doesn't ambush me."

iter 2→3
designer
revision
DESIGNER pushed 1 commit:

Added an at-rest beat — a Solari split-flap DEPARTURES board that flips on load and on scroll-in, resolving to the CARRY itinerary. Reduced-motion-safe: it renders at final text instantly.

iter 3
ICP · "Chad"
re-review
CHAD resolved all three threads — 9 → 10:

"Crossed the line. The split-flap is the beat… the frame I'd screenshot into the chat before I even tap anything. At-rest ambush plus correct-to-the-cent checkout. I'm buying a case."

resolved · +3 points · thread closed at 70/70

source: id_vs/exp3/iter_2/runner_feedback.md → iter_3/runner_feedback.md · verbatim, not paraphrased

@@ checks @@ the thread's status checks

70/70 is seven checks at 10/10 — and you can read every one.

The score isn't a vanity number; it's the resolved state of seven rubric checks the in-character reader ran. Here is the VANTA run's final scorecard, each check beside the receipt that closed it.

70/70
印sealed run · VANTA · cycle 3 "It earned the tens. I'd buy the case." — ICP "Tanner", final review
Usability10/10
Flare10/10
Personality10/10
Visual Design10/10
Originality10/10
Visual Impressiveness10/10
Wow Factor10/10

The glyph carries the meaning, not the color — [✓] reads as passing with the hue stripped. Each 10 is anchored to its own line in the verdict; e.g. Originality cleared on:

"A caffeine can sold as a numbered allotment instrument, with a machined bezel gauge and a serial struck into the metal. I have not seen this. It does not smell like a dark-SaaS template."

— id_vs/exp2/final/runner_feedback.md

@@ recursion @@ now run the method on this page

This page is in the loop too — here are its own receipts.

Everything above audits the BPS / VANTA / CARRY runs. But this page was built the same way, for "Devin" — a skeptical engineer — and held to the same gates. So here is this artifact's own scorecard, sealed where it's resolved and openly in-progress where it isn't. The page does not get to hide the part that's still being reviewed.

artifact: wolfpeachlabs.com / inhabited-design  ·  ICP: "Devin", skeptical AI engineer 印critic gate sealed
SEALED · critic gate · cycle 2 · 40/40 + 3 gates
fits framing10/10
fits sampled inputs10/10
fits competitor judgment10/10
fits axis manifestation10/10
constraint (evidence-adjacency)PASS
slop gatePASS
state-coverage gatePASS

— v1_critic/critic_verdict_2.md · the seam edge means: this gate is resolved

PROOF · ICP design-quality loop · live, not yet final
Personality10/10
Visual Design10/10
Flare · Originality10/10
Usability · Impressiveness · Wowconverging

This is the honest part. The kentō notch (not a seam) marks a join that isn't closed: an in-character "Devin" is still reviewing the very page you're reading, and the last few points are still moving. The day it reads 70/70, the notch becomes a seam — until then it stays a notch.

— the loop you are currently inside · proof-state shown beside final (kyōgō)

That is the whole claim, made pokeable. The footer says this page was built by the method. This cell is the receipt: a real sealed critic gate, and an openly-unfinished reader loop — audited by the same rules as every run above, with nothing about its own state hidden.
@@ provenance @@ every choice has a seed you can re-run

Nothing here was conjured. Every design pick traces to a dice roll.

inhabited-design-vs draws each input — framing, designer voice, seeds, competitors, type — from an enumerated pool with a millisecond-clock RNG seed. Reproduce any pick yourself; the page is its own audit log.

This very page's designer voice — Anni Albers, weaving-as-notational-grid — was drawn, not chosen. Pool of 20, K=1.

random.Random(1780861420574).sample(range(20),1)
→ returns [18] → idx 18 = Anni Albers · re-run it, you get the same index

The one-shot's tells, removed line by line. The hero rebuild as a real unified diff — glyph-coded, not color-coded.

~ color is redundant here — the + / − glyph is the state
id_vs runs · cycles to converge · final score
run / briefcritic cyclesfinal
BPS · energy drink270/70
VANTA · energy drink370/70
CARRY · energy drink270/70
all three, identical brief7210/210
CARRY · iter 2 → iter 3 · the three threads that closed
checkiter 2iter 3Δ
Originality910+1
Visual Impressiveness910+1
Wow Factor910+1
total6670+4

figures are real, drawn from each run's saved runner_feedback.md and critic_verdict_*.md. The Δ column carries a sign, not a color.

The whole pipeline, animated. The receipts above are single frames of a longer machine. This walkthrough runs it end to end on VANTA's saved audit trail — seven sampled inputs → a seven-image inspiration bank → the critic and ICP loops closing to 70/70. Every pool, millisecond seed, ms-sample command, score and screenshot is read straight from the run; hover any candidate for its reason, click any pass to enlarge and compare it.

step through the VANTA pipeline →
@@ artifacts @@ the after-state is a real page, one click away

Three converged pages. Same brief. Open any of them.

Each thumbnail below is the live final/index.html from a real run — not a screenshot of one. Each is sealed as a verified 70/70 run. Click through and poke it; the source is one interaction away.

BPS 印

BPS — supplement-facts ledger + trade-confirm buy ticket. 70/70 · sealed in 2 critic cycles.

open live page ↗
VANTA 印

VANTA — a numbered allotment with a serial struck into the metal. 70/70 · sealed in 3 critic cycles.

open live page ↗
CARRY 印

CARRY — a Solari split-flap departures board + boarding-pass checkout. 70/70 · sealed in 2 critic cycles.

open live page ↗

The contrast is process, not scoreboard. The one-shot pages above were generated in a single pass with no reader and no loop, so there is no score to compare against — that would be dishonest. What changed is the method: a simulated reader was in the room, and the page was revised until that reader stopped objecting.

one-shot: 1 model pass, 0 reviews, 0 scores  ·  inhabited-design: designer↔reader loop, 2–3 critic cycles, converged at 70/70 on every run

@@ control @@ the same brief, fired once — open them beside the three above

Seven more real pages. Same brief. One pass, no reader, no score.

The three above were looped: a simulated reader sat in the room and the page was revised until they stopped objecting, then it was sealed. The seven below fired once — one model pass, no reader-in-the-loop, no rubric — so they carry no seal and no number (inventing a 70/70 for them would be the exact dishonesty this page is built against). What's worth seeing is how much they agree: handed "an energy drink for a finance bro," three different tools independently reached for the same surface tells — a scrolling stock ticker, a "STRONG BUY" rating, a glowing can, a $-prefixed wordmark, trading-desk copy. The looped three skip all of it. Open them side by side — the repeats are the point.

frontend-design · Claude Code skill · one-shot, no loop 3 pages
$ALPHA · exp1 one pass · no reader · unscored

$ALPHA — dark near-black hero, green glow, a scrolling price ticker across the top and a live chart stamped STRONG BUY. None of that is unique to it: the ticker runs on all three frontend-design pages, on impeccable's exp3 and on Lovable; the $-prefixed wordmark and the "STRONG BUY" rating recur right across the set. "Going long on yourself."

No seal: this fired once, with no reader in the room and no rubric score.

open live page ↗
$ALPHA · exp2 one pass · no reader · unscored

$ALPHA — "Liquid Alpha" — a charcoal Bloomberg-terminal layout with its own scrolling ticker, an amber price chart at $246.01, another STRONG BUY, and a 300mg / 0-sugar stat row. Same wordmark and the same three tells as exp1 — one pass apart, the tool landed in the same place. "Beta is for everyone else."

No seal: this fired once, with no reader in the room and no rubric score.

open live page ↗
ALPHA° · exp3 one pass · no reader · unscored

ALPHA° — "Liquid Alpha" — green-on-black with the heaviest scrolling ticker of the set (CAF / SUGAR / FOCUS) and a glowing 3D can. That ticker-plus-glowing-can pairing reappears on impeccable's exp3 and on Lovable — three different tools, one instinct. "Caffeine is a position."

No seal: this fired once, with no reader in the room and no rubric score.

open live page ↗
impeccable · Claude Code skill · one-shot, no loop 3 pages
CARRY · exp1 one pass · no reader · unscored

CARRY — impeccable reaches away from the dark terminal here: a light editorial page, "POSITIVE CARRY." in black with a blue accent and a photographic can NO. 001. But the same reflexes sit underneath — the drink filed as a finance instrument ("Read the term sheet") and a ticker chip in the chrome. "Read the term sheet."

No seal: this fired once, with no reader in the room and no rubric score.

open live page ↗
LIQUIDITY · exp2 one pass · no reader · unscored

LIQUIDITY — the furthest from the pack visually: a cream "bearer instrument" prospectus, engraved serif, a FACE VALUE "300 MG CAFFEINE" certificate with guilloché corners. And yet it still files the drink as a financial instrument and still stamps a STRONG BUY — the metaphor everyone converged on, in a different costume. "Stay liquid."

No seal: this fired once, with no reader in the room and no rubric score. (The wax mark inside the page is its own decoration, not our verification seal.)

open live page ↗
CARRY · exp3 one pass · no reader · unscored

CARRY — and here impeccable lands right back on the common pattern: dark oxblood, a top scrolling ticker, a gold can over a rising chart, 300mg, a STRONG BUY. Set it beside the frontend-design pages and Lovable and it's a sibling — a different tool, the same build. "OUTPERFORM EVERYONE STILL ASLEEP."

No seal: this fired once, with no reader in the room and no rubric score.

open live page ↗
Lovable · consumer prompt-to-app builder · the external control 1 page
BULLRUN · pump-up-pro.lovable.app control · prompt-to-app

BULLRUN — the external control, from a consumer prompt: a stock-ticker tape, a dark glow, a glowing green can and a giant BULLRUN wordmark — "FUEL YOUR EDGE." The one tell that's pure consumer-builder is the "✨ NOW AVAILABLE NATIONWIDE" pill above the headline (with an "Edit with Lovable" badge still in the corner). A different category of tool — the same trading-terminal reflex as the six Claude-skill pages.

No seal: a different tool entirely, fired once from a prompt — no reader, no rubric, no score. Visit the real page at pump-up-pro.lovable.app ↗. If the live frame is blocked, a captured screenshot stands in (assets/lovable_control.png).

open live page ↗

What you are comparing is process, not points. None of the seven above were scored, so there is no number to set against the sealed 70/70 — that comparison would be invented. What you can read off them is how much they agree: hand the same brief to three different tools and, un-looped, they reach for the same half-dozen moves — the scrolling ticker, the "STRONG BUY," the glowing can, the trading-desk copy. The sealed three skip every one. The only variable that moved the needle was whether a reader sat in the room: the sealed pages were critiqued and revised in-character until the objections stopped; these seven fired once and were never reviewed. Same brief, same caffeine, same fictional analyst buyer — the loop is the difference.

sealed three: designer↔reader loop · 2–3 cycles · converged + sealed 70/70  ·  these seven: 1 pass · 0 reviews · 0 score · unsealed by design

@@ access @@ it's an open skill — take it

Install it, or read exactly how it works.

Add it as a plugin — or clone it by hand.

inhabited-design is an open Claude Code skill. The plugin marketplace is the short path: three lines and you're running it on your own brief. No account, no trial, no funnel.

recommended · plugin marketplace

/plugin marketplace add Shimin-Zhang/inhabited-design /plugin install inhabited-design@inhabited-design /reload-plugins

Then run /inhabited-design:inhabited-design — interactive by default; append auto to run unattended, or lite for a single budget pass.

or · manual install

git clone https://github.com/Shimin-Zhang/inhabited-design.git cp -r inhabited-design/skills/inhabited-design ~/.claude/skills/

No "Start building free." No demo video. If the receipts above didn't earn it, a button wouldn't either.

@@ practice @@ the loop generalizes past energy drinks

Strip the cans away and the machine you just read is an eval loop: a rubric, a simulated judge in the reader's voice, and a gate that won't seal until the score stops moving. Aim it at a landing page and you get VANTA. Aim it at a shipping AI feature and you get the thing that matters more — a number that tells you whether the last change broke it.

That second one is the day job. The same loop — rubric, judge, gate, revise until the score stops moving — is what Wolf Peach Labs builds for AI product teams. A feature you can't measure is a feature you can't change.