Experimental · shops, stock and recipes were suggested by Claude and not checked
Semantic Works: Tea Time Planner: Episode 1: The Afternoon Tea
October 2026

Tea Time Planner:
Episode 1: The Afternoon Tea

The 3D tea table from above: seven guests on curved chairs around a white table with two three-tier stands, two glass teapots and two bouquets

A planning app for a real British afternoon tea for seven, with a 3D table, sandwich recipes, a drinks table and a day-by-day plan, built while Pasha and Olga planned the party out loud. Built by Pasha and Claude in 1 hour 27 minutes, 100% by voice: no code or commands entered by keyboard.

Dr. Pavel (Pasha) Simakov
About the author
Dr. Pavel (Pasha) Simakov Managing Partner, Semantic Works LLC linkedin.com/in/pavelsimakov

The source for this episode is on GitHub: Semantic-Works-LLC/semantic-works-public

Before the story

Play with it right away

The finished app runs live on the next slide, inside this presentation. Nothing to install, nothing to configure.

Play with it live View the source code on GitHub

You can also see the source code of everything presented here, and how the application runs.

Press ▶ below to play with it. After that, ▶ continues with the story.

What you are about to experience is live.

This is the app as it stood at the end of the conversation, running right now. Close this window, then interact with it:

  • Switch views with the gold button at the top right: Table, Food, Drinks, Plan. The button beside it hides the side panel.
  • Drag a 3D scene to turn it and scroll to zoom. Leave it and it turns slowly by itself.
  • In Food, open a sandwich in the side panel and click its card to flip it to the recipe. In Plan, tick steps and filter by Olga, Pasha or Together.

When you are done, press ▶ below to see how it was built.

Close
0:00 – 0:02 · Requests 1 – 2

It started with "Hello, Olga!" and a party to plan

Pasha and Olga were hosting a British afternoon tea for seven, and Olga would be doing the cooking. Pasha asked for an empty page first, to watch while he talked:

New project. Start a local Python server and build an HTML page that says "Hello, World!" and "Hello, Olga!". I'll just watch that page and talk to you, so push all your changes to the page.Pasha, to Claude

Then he began describing the party:

I'll narrate the facts of our tea party for seven people, all girls, and as I do, draw a picture of the table with everything we discuss. … Start with the table and the two tea containers; I'll be watching the page.Pasha, to Claude, lightly trimmed

There was no specification and no mockup. The app grew one spoken request at a time, while the decisions about food, tableware and timing were still being made.

A plain cream page that says Hello, World! and Hello, Olga!
The first page. No screenshot was taken at the time; this one was recreated later from its code.
The build · 0:00 – 1:27

Then came the build: 79 requests in 87 minutes, in seven phases

Many of Pasha's requests were questions about the party itself: which bread, which spread for the roast beef, where to buy clotted cream in Tampa. Each answer went onto the page as a decision, a recipe or a shopping item. Looking back, the build had seven phases.

  1. The table takes shape (0:00 – 0:04): an oval, then a rectangle, then three on each side and one at the head.
  2. Sandwiches and the first 3D plate (0:05 – 0:16): five kinds of finger sandwich, and three views to switch between.
  3. A real app layout (0:19 – 0:30): full screen with a side panel, flip-card recipes, the bread and the timing.
  4. The 3D British table (0:31 – 0:38): each place set the British way, two tall stands, candles, a slow turn.
  5. Keeping a record (0:38 – 0:45): the transcript, screenshots taken by themselves, cameras that survive a reload.
  6. The plan (0:48 – 1:18): a checklist for the day, filters for the cook and the helper, shopping by store.
  7. Polish (1:19 – 1:27): the title and colours, 3D drinks with steam and bubbles, curved chairs.
The build · phase 1 of 7 · 0:01 – 0:04 · Requests 2 – 4

Phase 1: we drew the table as Pasha described it

From the first description, Claude drew the table from above with a teacup at each place and the two glass teapots in the middle, and kept a running list beside it: guests, teaware, teas, and a first shopping list.

Correction: three seats on each long side and one at the head.Pasha, to Claude
A narrow page: Tea Party for 7, an oval table with seven seats and two teapots, and lists of guests, teaware and teasA rectangular table seen from above: three seats on each long side, one at the head, two glass teapots in the middle
At 0:02, the oval table; at 0:04, the rectangle with three, three and one.
The build · phase 2 of 7 · 0:05 – 0:16 · Requests 5 – 12

Phase 2: we put the sandwiches on a 3D plate, with three views

Food was the worry: Olga had no helpers and had to make everything. Pasha listed the sandwiches they were sure of, asked what goes with roast beef, and asked for views.

View 2, food: only the sandwiches, each shown open and assembled; better, draw them on a plate I can rotate with the mouse.Pasha, to Claude
The rectangular table with four sandwich platters around the two teapotsA narrow Food view: a white plate with fifteen finger sandwiches in a ring, drawn in 3D
At 0:06, four platters on the table; at 0:16, the first 3D plate in the Food view.
The build · phase 3 of 7 · 0:19 – 0:30 · Requests 13 – 20

Phase 3: we gave it a real app layout and recipe cards

When I see a sandwich, I can click it and it flips like a card: brief cooking instructions, garnishes included, on the back.Pasha, to Claude
The Food view full screen: the 3D sandwich plate on the left, and on the right a side panel with sections for what is decided and for scones and clotted cream in Tampa
The layout as the first automatic screenshot caught it, at 0:44: the plate on the left, the side panel on the right.
The build · phase 4 of 7 · 0:31 – 0:37 · Requests 21 – 24

Phase 4: we set the table in 3D, the British way

Lay out plates, cups, knives and forks the way they do in Britain … Draw it in 3D, like the sandwiches, so I can turn and zoom the whole table.Pasha, to Claude, lightly trimmed
A narrow window: the table view with camera buttons and only a sliver of the 3D table drawnThe 3D table drawn in full: seven guests on chairs, places set, two three-tier stands and two teapots in the middle
At 0:36, the first showing, half drawn; at 0:37, the table fixed.
The build · phase 4 of 7 · 0:32 – 0:44 · Requests 22 – 25, 34

Phase 4, continued: stands, candles and a slow turn

Pasha told Claude what they had already bought, and the table was laid out again to match.

Animate the 3D table, slowly, like the sandwich plate turns, and only from attractive angles: never under the table.Pasha, to Claude
The 3D table with side panel: guests, seating, each place British style, on the table
At 0:44: the stands, bouquets and candles, saucers with gold rims, and the panel saying how each place is set.
The build · phase 5 of 7 · 0:38 – 0:45 · Requests 26 – 35

Phase 5: we kept a record of how it was made

Put the screenshots in a subfolder called screenshots, numbered 1 to n, with a timeline saying when each was made, so I can map them to the transcript.Pasha, to Claude
The Drinks view: two glass teapots, a Coke, two red, two white and two champagne bottles, drawn flat
One of the 115: the Drinks view at 0:58, still flat, after the wine was decided.
The build · phase 6 of 7 · 0:48 – 1:18 · Requests 36 – 68

Phase 6: we turned the decisions into a plan for the day, for the cook and the helper

The Plan view with four filter buttons, Everyone, Olga main cook, Pasha helper, Together, and pink and blue name pills on each step
At 1:18: the plan for the day, with the four filters and a name pill on every step.
The build · phase 7 of 7 · 1:19 – 1:26 · Requests 69 – 77

Phase 7: we polished the title, the colours and the buttons

Background colours: Drinks and Plan have a white main view, but Table and Food are cream. …Pasha, to Claude, lightly trimmed
The Table view with gold section headings in the side panel and the camera buttons centred above the 3D table
At 1:25: gold headings, centred buttons and the caption under the view.
The build · phase 7 of 7 · 1:22 – 1:27 · Requests 73, 75

Phase 7, continued: 3D drinks with steam and bubbles, and curved chairs

Let's animate the Drinks view and make it 3D.Pasha, to Claude
The chairs at the table: the back comes up to table height, and it's curved.Pasha, to Claude

The chairs were redrawn with a low curved back, level with the table top. The last request was a question about the sandwiches, answered on the page: cream cheese on both slices, edge to edge, to keep the bread dry.

The 3D Drinks view: a round white table with two red and two white bottles, two glass teapots, a Coke, wine glasses, champagne flutes and an ice bucket with two bottles
The Drinks view at the end, 1:27.
The result

A planner for one afternoon tea, from the table to the shopping

One page with four views, each with its own side panel. Deployed as one HTML page and one script, with three.js for the 3D and a small Python server for live reload and screenshots. Built by Pasha by voice: no code or commands entered by keyboard.

TableA 3D British tea table that turns by itself, with camera presets and a flat plan.
Each placeA flip card showing how to set it, then seven short steps.
Food15 finger sandwiches of five kinds on a 3D plate.
RecipesA card per sandwich that flips to its recipe and garnish.
DrinksA 3D side table with steam from the teapots and bubbles in the flutes.
PlanA checklist for the day before and the party day, with ticks.
Cook and helperFilters for Everyone, Olga, Pasha and Together.
ShoppingOne list per store, with tickboxes.
MemoryTicks, open sections, flipped cards and cameras survive a reload.
Its own record115 screenshots on the same clock as the transcript.
The finished Table view: the 3D table with seven guests on curved chairs, two stands, two teapots, bouquets and candles, and the place-setting card in the side panel
The Table view at the end of the session, 1:27.
0:00 – 1:27 · The whole conversation

What it took in tokens

Counted from the session's own log: 60 million tokens across 225 requests to the model, all Claude Opus 5.5, from Pasha's first message to the end of the transcript.

KindTokensWhat it is
Re-read from cache59,372,879The conversation so far, read again on every request. This is 99.0% of the total and is billed at a small fraction of the normal rate.
New input332,150Text entering the conversation for the first time: Pasha's messages, tool results, files and screenshots (450 plain, 331,700 written to the cache).
Output273,309Everything Claude wrote: answers, code, commands and its working notes.
Total59,978,338

The total is large because of how a long conversation works, not because much was written. Each of the 225 requests re-reads everything before it, so the same text is counted again and again: on average about 264,000 tokens of history per request. Not included: the work after the transcript closes, such as writing this journey.

Other statistics

79requests from Pasha, nearly all spoken
4views
33D scenes
115screenshots, taken as it was built
0tests
If bought as API calls, with no subscription

What that would cost in dollars

About $20 on Claude Opus 5.5, the model that ran the session. The same token counts priced on another model:

ModelRough costNotes
Claude Opus 5.5about $20.00What we used: $11.87 for cache re-reads, $2.66 for new input, $5.47 for output.
Claude Sonnet 5.5about $15.90The same token counts at Sonnet's prices. Its cache-read price is the same as Opus, so the saving is small.

Caching is what keeps this small. With no caching, every re-read would be billed as fresh input: about $244 on Opus 5.5.

Open

What is not done

The conversation that built the page, with Pasha's requests as understood, is in TRANSCRIPT.md; the 115 screenshots and their timeline are in screenshots/.

The series so far

What comes next

Episode 1: the finished 3D tea table with the side panel open
Episode 1 · this one
The Afternoon Tea A planning app for a British afternoon tea for seven, built while Pasha and Olga planned a real tea party out loud: a 3D table that turns by itself, a plate of finger sandwiches with recipe cards, a drinks table with rising steam and bubbles, and a day-by-day plan with a shopping list by store.

You are here.

A potential Episode 2

This is the only episode of Tea Time Planner so far. Nothing more is planned yet.

What was left open points to one possible next step: the plan in use on the day, shared between Olga's phone and Pasha's, with what to change for the next party. It is potential, not promised.

Thank you for your interest

Want to see more?

There is more from Semantic Works to explore.

See our public projects

Dr. Pavel (Pasha) Simakov
About the author
Dr. Pavel (Pasha) Simakov Managing Partner, Semantic Works LLC linkedin.com/in/pavelsimakov

Happy vibe coding with LLM AI!