Skip to content

How it works

You talk. Your AI builds. The platform keeps it safe.

There's no editor to fight and no dashboard you have to learn. The whole product is a conversation with the assistant you already use — running on infrastructure that makes mistakes cheap. Rather than describe it, here is one real build, screen by screen, exactly as it happened.

Watch it happen See what it costs
10 screens 1 real business — Karoo View Guesthouse, Graaff-Reinet 0 lines written for this page 67 ready-made sections it drew on
01

the whole loop

This is a real website being built.

A four-room guest house in Graaff-Reinet, and its owner, Nadia. Every message, every tool call and every reply on the screens that follow is the actual one, read back from the platform's own record. At the end you can open the site it made.

▸ Ten screens. Use the arrow keys, swipe, or just scroll.

the brand the answers produced

whitewashshutter greenroof rustink
sitemitch.thedesignerscode.cloud
ownerNadia, Karoo View Guesthouse, Graaff-Reinet
built2 September 2026
liverelease r20260902T140200658

Every screen carries the tool the platform ran, in the tag at the top, and what it sent back. If you'd rather skip the story, the site is right here.

02

before the first message

tdc_guide

She connects the AI she already pays for.

No app to install and no account to create. One address goes into the assistant's connector settings, one personal token signs her in, and from then on her AI can see and operate her website — and only hers.

▸ About two minutes, and the last time she touches a settings screen.

Nadia · her AI · connected to mitch.thedesignerscode.cloud
I want a website for my guest house.
Before I build anything, six questions — about ten minutes. Phone photos are welcome; none is a fine answer too.

the connector address — the same one for everybody

https://mcp.thedesignerscode.cloud/mcp
  1. 1 Add a custom connector Claude and ChatGPT: Settings → Connectors. Gemini CLI: one block in settings.json.
  2. 2 Paste the address The same one for everybody.
  3. 3 Sign in with the personal token That token is what scopes the AI to her site.
  4. 4 Allow the write tools Once per session. After that it just works.
first replytdc_guide — who this account is, the one site it owns, and the draft → preview → publish loop.
03

brief_recorded

tdc_startsite_brief_set

Six questions, in her words, then written down.

The design comes out of the answers — not from a template. These are the six questions the platform asks, verbatim, and what Nadia actually said. When she is done the AI records the lot, so that if the session drops the next one picks up from the record instead of asking again.

▸ site_next reads this record, not a memory — after a dropped session the next AI resumes in two calls, no re-interview.

Nadia · her AI · connected to mitch.thedesignerscode.cloud
01 What it is, in her words
What's it called, and what does it do in one sentence — your words, not marketing words? And what do you do differently from everyone else in your trade?
Four quiet rooms, a proper Karoo breakfast, and the best sunset stoep in Graaff-Reinet. Pieter bakes the breakfast bread himself.
02 What every first-timer asks
What does every first-timer ask you — and what do you tell them, word for word?
“Is breakfast included?” — Always. A full Karoo breakfast with Pieter’s fresh bread — it’s half the reason people come back.
03 What a guest stands in front of
Describe what a customer actually stands in front of. What colours and materials are in that picture, and what's already on your signage?
A restored 1880s Karoo cottage looking at Spandau Kop: whitewashed thick walls, a red corrugated-iron roof, deep green shutters, a yellowwood floor, white linen. A small wrought-iron sign with cream hand-painted lettering — Karoo View, est. 2011.
04 What she never wants
A website in your trade you cannot stand — what's wrong with it? And is there anything you never want on yours?
No online payment and no booking engine — enquiries only, I confirm every booking personally. No “only 1 room left!” banners. Nothing that looks like a chain hotel.
05 Photos, and a guest's words
How many genuinely good photos do you have? And any words that already exist — a thing a customer said that you'd put on the wall?
About fifteen. And Marlene wrote in the guest book: “We came for one night and stayed for three.” You can use it.
06 Contact, address and hours
Exactly as they should appear on the site: phone, WhatsApp, email, street address. And your hours — or are you always on call?
+27 82 331 9087 for both. stay@karooview.example. 14 Bourke Street, Graaff-Reinet, 6280. Check-in 14:00–20:00, out by 10:00, WhatsApp answered any reasonable hour.

what got written down — exactly as she said it

phone / WhatsApp+27 82 331 9087
emailstay@karooview.example
address14 Bourke Street, Graaff-Reinet, 6280
hoursCheck-in 14:00–20:00 · Checkout by 10:00
languageEnglish and Afrikaans

the pages she named

HomeThe RoomsBreakfast & DinnersThings to DoFind Us & Enquire

a guest's words, with permission

“We came for one night and stayed for three.”

— Marlene, in the guest book

also on record

15 photos to come · 3 things she never wants · one language today, two spoken

04

brand_set

site_directions_pagesite_brand_set

Three directions, side by side, in her own words.

The AI writes a chooser page into the draft: each direction in its own palette and type, carrying her real headline so she is judging her site, not a swatch. She picks one; the platform records it as the brand and deletes the chooser.

▸ The chooser page is deleted the moment the pick is recorded — it never reaches a visitor.

Nadia · her AI · connected to mitch.thedesignerscode.cloud
I've put three directions side by side at /_directions/ — each with your own headline on it. Which one is the cottage?
The whitewash one, with the sunset stoep's warmth mixed in. Light and airy — the hand-painted sign, not a hotel chain.

the direction she chose

The Whitewash, with the Sunset Stoep’s warmth mixed in

whitewashed walls, deep shutter green, roof-rust accent, cream, yellowwood

primary #35533dink #243026bg #f7f3eamuted #7c8377accent #a3492f
fontserif
headingslight-airy
cornerssharp

the structural idea, recorded with it Almost nothing on each page: one line of Nadia’s words, one photograph slot, thick white space like the cottage walls. Five small pages, like rooms off a passage.

05

voice_set

site_voice_set

Then it learns how she talks — and what she'd hate.

Tone, audience, and the never-wants from question four become the voice every page is written in, including pages she asks for months from now. The breakfast answer is stored verbatim because it is going on the site verbatim.

▸ A little Afrikaans — stoep, rusks, braai — is recorded as natural, not decorative.

Nadia · her AI · connected to mitch.thedesignerscode.cloud
Saving how you talk, so every page reads like you on the stoep and never like a chain.
tonewarm, quiet, plainspoken — like Nadia talking on the stoep
audienceroad-trippers between the Cape and the Garden Route/Addo, and Camdeboo hikers; about half book from overseas; English and Afrikaans

verbatim — it goes on the site as said “Always. A full Karoo breakfast with Pieter's fresh bread — it's half the reason people come back.”

never — from question four, and now enforced

booking-engine or online-payment language“only 1 room left!”badgeschain-hotel tone“Welcome to our website”“We pride ourselves on”“your one-stop shop”luxury clichés
06

composed · hours_set

site_writesite_form_createsite_hours_set

Five pages, the ones she named.

Her AI writes each page into the draft from the brief, in the brand and the voice, out of the platform's ready-made sections. The enquiry form and the check-in hours are recorded as their own things, so the platform can validate submissions and show a live open-or-closed badge.

▸ Submissions are validated and spam-screened server-side; South African public holidays are applied to the hours automatically.

Nadia · her AI · connected to mitch.thedesignerscode.cloud
Go ahead and build the five pages.
Writing Home, The Rooms, Breakfast & Dinners, Things to Do, and Find Us & Enquire. The breakfast question goes on the home page, in your words.
  1. 01 Home Get a visitor to check availability and enquire on WhatsApp; answer the breakfast question up front
  2. 02 The Rooms The four rooms — white linen, thick walls, quiet
  3. 03 Breakfast & Dinners The Karoo breakfast, Pieter’s bread, braai dinners on request
  4. 04 Things to Do The Camdeboo walks and the hand-drawn map
  5. 05 Find Us & Enquire Address, how to reach us, the enquiry form

site_form_create · enquiry

name · arrival · departure · guests · email · phone · message

notifies stay@karooview.example

site_hours_set

Mon – Sun · 14:00 – 20:00

WhatsApp answered any reasonable hour · 13 public holidays auto-applied

07

site_check

site_check

Before it can go live, the platform reads it against what she said.

Not a spell-check. It compares every page to the recorded brief: a phone number she never gave is an error, a fact she did give that reaches no page is a warning, and the leftovers a template leaves behind are named. The first publish refuses outright if a visitor would have no way to reach her.

▸ Independently verified on the live HTML: zero phone-shaped strings the owner never gave.

Nadia · her AI · connected to mitch.thedesignerscode.cloud
Is it ready?
Nearly. The check found six heading-order warnings in the footer — fixing those now, then I'll run it again.

first run

76/100

0 errors · 6 warnings

after the fix

100/100

0 errors · 0 warnings · 6 pages

warn heading_skip · /breakfast/ — heading jumps from h2 to h4 (skips a level)
  • An invented phone number is an ERROR — digit-normalised, so +27 / 0 / (0) forms compare equal.
  • A recorded fact that reaches no page is a warning.
  • Stock phrases and template leftovers are named, not counted.
  • tel: and wa.me links, lang tags and dead forms are checked.

PUBLISH_NOT_READY On the first publish only, the publish is refused if there is no contact surface anywhere on the site, a template leftover, the chooser page, or an invented fact.

08

site_preview_url

site_preview_url

She looks before anyone else does — and is told what to look at.

The draft gets a private address on its own hostname, good for an hour and never indexed. With it comes a tour: page by page, the exact facts she should check read right, because those are the ones that matter if they're wrong.

▸ The live site has not moved a pixel.

Nadia · her AI · connected to mitch.thedesignerscode.cloud
Here's the draft. Open the Breakfast page — it carries your WhatsApp number; check it reads right.
It does. That's exactly what I say to people.
https://preview--mitch--…--….thedesignerscode.cloud/

private · its own hostname · expires in 60 minutes · never indexed

the tour it returned — page by page, what to check

  1. / hero, answer_band, photo_slot, testimonial
  2. /rooms/ hero, photo_slot, cta
  3. /breakfast/ hero, answer_band, photo_slot, cta
  4. /find-us/ hero, contact_bar, contact_form, map

check, on every page the number should read exactly +27 82 331 9087; the email should read exactly stay@karooview.example

09

published

site_publish

“Publish it.”

The draft becomes a numbered, immutable release and the live site swaps to it in one move. Visitors see the old site or the new one — never a half-built page. Every release is kept, so “put it back how it was” is one line, and the platform will refuse a publish that would silently drop a form the live site has.

▸ Or schedule it: live Friday at 06:00, back to the previous release on Monday.

Nadia · her AI · connected to mitch.thedesignerscode.cloud
Publish it.
Published. Release r20260902T140200658 is live at mitch.thedesignerscode.cloud, sitemap and robots written. The previous release is kept — rollback is one sentence.
checkingscore 100/100 — 0 errors, 0 warnings across 6 pages
seo6 pages titled and described; sitemap.xml; robots.txt
writingrelease r20260902T140200658 (immutable)
swappinglive — visitors saw r20260902T135405105 until this line
✓ liverollback is one sentence away

release

r20260902T140200658

previous r20260902T135405105, kept

undo handle

mitch:r20260902T135405105

“put it back how it was”

PUBLISH_WOULD_DROP On every publish after the first, the publish is refused if it would mean silently removing a form, an analytics script or an embedded map that the live site has.

10

the site is live

site_launch_kit

It's online. Go and look.

The moment after the first publish, the platform hands the owner a launch kit: the link, screenshots of the live site, an announcement built only from her own recorded words, and the four things worth doing next. This is the site. Open it — it is the same one the screens above describe.

▸ Built from the owner's recorded words — ready for WhatsApp status, Facebook, or the window.

mitch.thedesignerscode.cloud
The Karoo View Guesthouse home page, live, in a desktop browser: a cream page, a light serif headline about four quiet rooms, and a painted Karoo horizon under the hero.
Open Karoo View live · r20260902T140200658

the announcement it wrote — from her recorded words only

Four quiet rooms, a proper Karoo breakfast, and the best sunset stoep in Graaff-Reinet. We're online — see https://mitch.thedesignerscode.cloud/ or reach us on +27 82 331 9087.

  • A print-ready poster with the site's QR code.
  • Photos as they arrive — the upload link is phone-friendly.
  • The free domain the plan includes.
  • A Google Business Profile — the console walks it.
01 / 10

The rest of the week

Photos, enquiries, traffic and selling — handled

The loop above is the whole product. These are the four moments that decide whether a website is actually useful once it's live.

Getting the photos on

Ask your AI for an upload link. It sends a private page — open it on your phone, drag the photos in, and they land already resized, stripped of camera and location data and converted to fast WebP. Your AI then places them at the right size so nothing jumps while the page loads.

When someone fills in your form

The submission is validated, spam-screened and stored with your site. You get an email straight away. Later you can mark it read, spam or archived, and reply to the customer from your console with your own address on the reply — or just ask your AI “anything new this week?”

Knowing if it worked

Visitor numbers and per-page traffic, counted without cookies — so there's no consent banner to annoy anyone. Ask your AI which page brought the bookings, or opt in to a Monday-morning email with the week in four lines.

When you're ready to sell

On the Store plan your AI manages a product catalog and puts Buy buttons on your pages. Checkout runs through PayFast on your own domain, the buyer always pays the catalog price, and sandbox mode lets you run the whole thing before a cent is real.

And when you'd rather just look

There's a console. You never need it.

Sign in with an emailed link — no password to forget — and you get the quiet control room: this month's visitors and best pages, every release with a diff of what changed, your form inbox with reply, your orders, your domains and their DNS health, and a button to rotate your AI's connection.

Everything in there is also reachable by just asking your AI. The console is for the days you'd rather point than type.

Open the console
A phone lying on a desk with its home screen lit

Before you ask

Who this is for — and who it isn't

We'd rather tell you now than three weeks in. If your project is on the right-hand list, say so on the form and we'll tell you honestly whether to wait for us or go elsewhere.

A good fit

  • A business site of roughly 3 to 30 pages
  • An owner who already pays for an AI assistant — or is happy to start
  • South African payments, rands first
  • A site that changes often: menus, specials, prices, photos
  • Anyone who has been quoted for “a small change” one too many times

Not yet

  • Multi-language sites (one language today)
  • Customer logins and member-only areas
  • Catalogues in the hundreds of products
  • Anything that needs custom server code at request time
  • A marketplace, a booking engine with live inventory, or a social network

Still reading?

Go and open the site you just watched get built

Then imagine the same ten screens with your business in them. That's the whole pitch.

Open Karoo View Request access See what it costs