Mockup for Frank's verdict, 04-10-2026. Nothing on the live studio has changed. The proposal
Studio

What do you want to make?

Pick the thing. Each door opens on the best examples we made, then the references to choose from, then how to make one.

A document
Notes, analyses, plans, manuals
4 approved models
A website
Homepages, landing pages, project sites
6 liked · 10 shown
A presentation
Decks, talks with a speaker
2 models
A diagram
Concept pictures, globes, processes
7 drawings
A form or app screen
Operator forms, citizen screens
1 approved model
A video
Product films, family films, motion
1 reference · bank to fill
A speaker
A person who presents the page
3 speakers made
A voice
Narration, dictation, voice agents
tools compared

Shelves

RulesTwelve principles, the Kennedy shelf, taste ToolsVideo, voice, image and interface tools compared InspirationGalleries to refill the reference banks

A website

Homepages, landing pages, project sites. The references below are the bank an agent picks from; liked ones come first.

1

What we made

Space registry, by CeliaDot-matrix globe as the signature; became a skill.
approvedcalmpublic register
Globes in dotsThe drawings behind the registry, rebuilt here.
approveddrawing
Your next approved site lands here, with its picture
2

References to pick from

Stripe PressCopy: real objects in one vertical stack, no nav, no hero.
likeddarkeditorial3D
L'étape d'aprèsCopy: one photograph as the room, one italic word as accent.
likedphotoschool
Code Wiki, GoogleCopy: glow and glass panels, light without lights.
likeddark3Dproduct
interfaces.devCopy: the page annotates its own real elements.
likedlightmagazine
OpenAI long readCopy: neat index rail, measured proportions.
likedlightlong read
Celia's space registryCopy: dot-matrix globe, quiet register below.
likedlightgovernment
CosmosImage wall, search first.
shown 14-09gallery
DescriptProduct hero with the editor itself.
shown 14-09product
Apple Store, buy a MacStep-by-step choice, one product.
shown 14-09shop

Showing 9 of 16. Each card opens its model note: what to copy, what to refuse, measured proportions.

3

How to make one

Give your Claude the recipe

Skills modern-ui then the art-director agent.

Then say: "Go to the studio's website door, pick three references and propose three options for my new site about …"

What the agent does here

  1. Reads this door's list of references.
  2. Keeps liked ones that fit the brief.
  3. Picks three different ideas, never three variants of one.
  4. Shows a board of three options.
  5. Records your pick and the two passed.
4

Rules and tools

Rules for a website

  • A website is a showpiece: the reading rules for documents are suspended.
  • Name the reference; say the three things copied and what was refused.
  • A dark page also offers light mode; works on a phone.

Tools

  • Interface tools compared
  • Image tools for the hero picture
  • Publishing: the three roads

A video

Product films, family films, motion on a page. Same four parts as every door.

1

What we made

A product filmOur recipe and its results.
made here
A family film from clips and photosOur recipe, with the app round of 14-09.
made here
Make a filmThe steps, from script to cut.
recipe
2

References to pick from

Mika, a daily explainer clipCopy: vertical format, one idea, captions on screen.
banked 29-09verticalexplainer
Empty. The bank needs at least six films with pictures before an agent can offer three different options.
Empty

The gap this mockup shows

The website bank holds 16 real sites; the video bank holds one. Step 3 of the plan fills it: a round of ten films for your pick, filed the same way as the websites.

3

How to make one

Give your Claude the recipe

Say: "Go to the studio's video door, pick three references and propose three options for a film about …"

What the agent does here

The same five steps as for a website; each option shows three frames of its reference instead of a page capture.

How an agent uses the studio

Your request: "Go to the studio, pick three nice websites and propose three options for my new site." What comes back is this board.

  1. Reads the studio map: one file listing every door and its references.
  2. Opens the website door; keeps liked references, drops ones you passed.
  3. Matches the brief's words to each reference's tags.
  4. Picks three different ideas, and says why each.
  5. Shows the board below; your pick is recorded in the bank.

Three options for a new site (example)

A Objects in a stack
From
Stripe Press, liked 13-08-2026
Copy
Each thing a real object; one vertical scroll; no nav.
Refuse
The all-dark home; we offer light too.
B One photograph as the room
From
L'étape d'après, liked 15-08-2026
Copy
Full-screen day photograph; title on it; one italic accent.
Refuse
Night scene; long manifesto below.
C Glow and glass
From
Code Wiki, liked 15-08-2026
Copy
A glow behind the title; floating panels for the sections.
Refuse
Black only; light mode added.

What makes this possible

  • Every reference carries a picture, tags, what to copy and what to refuse.
  • Every reference carries your verdict: liked, shown, or passed.
  • One map file is read by the front door and by every agent, so both see the same studio.