Workshop · Run Sheet · TTV Members

Build Your Website
with AI.

No code. No designer. No four-month back-and-forth. You show up with your messy folder — you leave with a real, live website.

Date
Wed 13 May
Start Time
9am AEST
Duration
4 hours
Group Size
Max 8
You'll Build
A live website
Scroll to begin
Before May 13 · Cutoff Thu 8 May

Pre-work.
Three parts.

Everything you need before the workshop. Step zero: download the starter pack below — that's the templates, sample brand bible, fonts and palette references, and your deploy config. You'll unzip it on the day. The other two parts are what to bring + accounts to set up. Stuck? Reply to String's email.

0.
Download the starter pack
2 minutes · do this first
📦

Starter pack — Build Your Website v1

Two templates (A/B) · sample brand-identity.md · fonts & palettes that don't look like Claude · vercel.json · everything you need to follow along on the day.

Download now · unzip + rename folder to your-business-website · point Cowork at it on the day

Download ZIP →
1.
Bring on the day
~30 minutes
🗂️

Build your "Website Messy" folder

Create a folder on your desktop named Website Messy — [Your Name]. Then dump everything in. No filtering. No cleaning up. The more raw material you bring, the faster Block 2 moves.

LinkedIn bio Headshots / portrait photos Images you'd want on the site Logo (if you have one) Old website copy Colours you like Screenshots of sites you love Any PDFs about your business Brainstorm notes
🌐

Send String 3 websites you love

Links + one sentence each: what do you love about them? It's the fastest way to tell String what's in your head — and it means the workshop can be tailored to your taste from minute one.

Don't overthink it. Three sites. Three sentences. Reply to String's email.

2.
Set up before the day
~20 minutes · all free or cheap
Create a GitHub accountSign up with your email. Username doesn't need to be public-facing.
FreeDo this first
Stores your website code. Like a save-file for your site. github.com/signup →
Create a Vercel accountSign up with your email. Connect GitHub later — for now just get the account.
Free
Publishes your site live. One push to GitHub and your site is online. vercel.com/signup →
Download the Claude desktop appDownload to your laptop. Cowork lives inside — no separate setup.
Must have
Cowork is how we build your site. Not the browser — the desktop app. claude.ai/download →
Confirm Cowork worksOpen the app. Select a folder. Send a test message. Can't get it working? Email String now.
Test by Thu 8 May
5 minutes now saves 30 minutes of panic on the day.
Purchase your domainyourname.com, .co, or .au — whatever fits. Just buy it. Vercel handles the connection on the day.
~$15–25 AUD/year
Your real website address. Vercel connects it automatically during deploy — no DNS knowledge needed. Namecheap →
The full day

4 hours,
one live website.

Every block has a job. By 1pm, your site is live. Here's exactly how we get there.

9:00
15 min
Welcome + Setup Check
Intros, vibe set. Confirm: starter pack unzipped, folder renamed to your-business-website (or similar). Cowork open. Folder selected as workspace. String checks GitHub + Vercel logged in. We don't move on until everyone is set.
Everyone aligned before we start
9:15
15 min
Resource Setup
Get your raw material ready before Claude starts asking questions. LinkedIn bio open in a tab, Website Messy folder accessible, logo and colours located. String runs a quick prompt — either the Brand Identity skill or a starter prompt — so you know exactly what Claude is going to ask you before it asks.
Prep now = no blank-page panic in Block 3
9:30
30 min
Brand Identity in Cowork
You and Claude build your brand doc together. Colours, voice, positioning, offer — drawn out question by question. Saved straight to your workspace folder. String models live on stringstory.co first so you can see the whole flow before you run it yourself.
Brand doc saved before we build a single page
10:00
60 min
Pick Template + Build Home Page
Fork the ZIP, pick Template A (editorial) or B (services), open it in Cowork, paste your brand doc. Build the home page together. Sitemap introduced here.
The biggest creative call of the day
11:00
45 min
About Page (+ kick off domain connect at 11:25)
Built together. If you're stuck on what to say about yourself — Claude asks the questions. Feed in your LinkedIn bio and anything from your Website Messy folder. ~25 min in, we pause for 5 to start your domain DNS connection — it needs ~30 minutes to propagate before deploy.
Where most people get stuck. Not today.
11:45
10 min
Break
Step away. Come back ready for the home stretch.
11:55
30 min
Deploy + Go Live
Two pages → live URL. Cowork pushes to GitHub. Vercel auto-builds and connects your domain (DNS already started in Block 5). If the custom domain isn't ready yet, you get a yourname.vercel.app URL as backup. It's live either way.
The moment everything becomes real
12:25
25 min
Services Page · Stretch (semi-solo)
Site is live. Win secured. Now — if you've got energy — add a Services page. String floats. Ahead? Add it. Behind? Skip it, finish in week one. Either is a success.
Stretch goal · the bonus
12:50
10 min
Wrap + What's Next
Share your live URLs. What's next for TTV members. Replay within 48 hours.
You leave with a live URL
4h

Four hours to live

Every block above is scoped to fit. The template handles the design decisions that eat time. Claude handles the code. You make the calls only you can make: what you offer, how you sound, what you want people to feel.

01
Part One
The What
Three Claudes, one job today

Chat. Cowork.
Code.

Three different Claudes. Three different jobs. Once you know which is which, the rest of today makes sense.

Brainstorm 💭

Chat

The Claude you already use. Brainstorm website ideas, draft hero copy, ask "what should my About page say?" Quick thinking. No file mess. Nothing saved to disk.

Build · today 🛠️

Cowork ★

The Claude that does the work. Reads your folder, writes your files, pushes it live. The actual workshop happens here. This is the only one you need today.

Power tools ⚙️

Code

The engine room. Where developers and agencies live. You don't need to go there. We're not opening a terminal today.

The four tools

Simple stack.
Real results.

Four tools. That's it. Each one has one job. Once you understand what each does, the whole thing clicks. No code experience needed — Cowork handles everything you'd normally have to type.

Where everything happens

Cowork

The Claude desktop app in workspace mode. You chat, you build, you review — all in one place. Your brand doc, your pages, your files all live here. No terminal, no command line, no tech setup beyond opening the app.

Your files + folder

Your Workspace Folder

A folder on your computer that Cowork reads from and writes to. Your brand doc, your site files, everything you build today lands here. Cowork can see it. You can see it. Simple.

The save file

GitHub

Stores every version of your site safely. Think of it as Dropbox for your website files. If anything goes wrong, you go back. You set it up once, it runs silently forever.

The publisher

Vercel

Connects to GitHub and publishes your site live on the internet. Every time you save a change, it goes live automatically. The bit that turns your local files into a real URL.

💰

Total running cost after today: Your domain (~$15–25 AUD/year). GitHub is free. Vercel is free. Claude Pro is $30 AUD/month — you need it for the workshop and it keeps paying for itself long after. The whole stack costs less per year than one hour with a designer.

Your starting point

Two templates.
Pick one.

Not fifty. Two. Chosen because they work for the kinds of businesses TTV members actually run. Pick the one that fits. Everything else — colours, fonts, copy, layout — becomes yours in the build.

Template A

Editorial

Long-form, content-led. Works beautifully for consultants, coaches, writers, and practitioners who lead with ideas. The homepage features your thinking, not a hero shot.

  • Generous white space, strong typography
  • Great for: consultant, advisor, practitioner, coach
  • Leads with authority and depth
  • Blog-friendly from the start
Template B

Services

Offer-first, conversion-focused. Built for businesses where the homepage needs to answer "what do you do and can you help me" in ten seconds. Clear. Confident. Direct.

  • Strong hero, clear offer, social proof
  • Great for: agency, freelancer, service business, studio
  • Leads with outcome and credibility
  • Services section front and centre
What "done" looks like

Three pages.
One live URL.

By end of day you'll have a real, published website. Not a mockup. Three pages that cover what matters most — and a foundation you can keep building on.

1
Home Page
Your headline, your offer, your brand voice. The page that earns the scroll. Built in Block 3 — the centrepiece of the day.
2
About Page
Your story, your credibility, your "why this, why me." Built in Block 4. If you're stuck on what to say, Claude asks the questions.
3
Services / Products
What you offer, for whom, at what level. Clear and specific. Built in Block 5 — at your own pace.
02
Part Two
The How
The sequence that makes it work

Brand first.
Build second.

The order matters. Most people try to start with design. We start with identity. Everything downstream — copy, layout, colours, tone — flows from the brand doc you build in the first 45 minutes.

The approach: You won't be staring at a blank prompt. String models the whole process live on his own site first. You see exactly what to do before you do it. Then you do it for yours.

1

Build your brand doc in Cowork

Open Cowork, select your workspace folder, and start a conversation. You describe your business, your clients, your voice. Claude draws it out with questions. You end up with a structured brand doc saved straight to your folder. This feeds every page that comes after.

The foundation for everything
2

Fork the template + open it in Cowork

You download the starter ZIP, fork it in GitHub, and point Cowork at that folder. No terminal, no commands. Cowork sees your files and is ready to build. Claude confirms it's all connected.

Your site exists the moment you fork it
3

Give Cowork your brand doc

This is the moment Claude stops being generic. You reference your brand doc, and from here every page it builds is calibrated to your voice, your colours, your tone. It's the difference between a template and your website.

Where it starts feeling like yours
4

Build page by page, together

Home page first. Then About. Then Services. Each one is a conversation — you describe what you want, Claude builds it, you review and redirect. String is in the room the whole time. Nobody gets stuck alone.

Nobody gets stuck alone
5

Connect your domain + deploy on Vercel

Domain connection starts early (DNS propagation takes ~30 minutes). While it resolves, you push to GitHub. Vercel picks it up automatically. You get a live URL — either your real domain or yourname.vercel.app as backup. It's live either way.

You leave with a real URL 🎉
🌐

The magic moment: typing your domain into a browser and watching your site load. Your words. Your brand. Your site. On the internet. Today.

Copy these in order. One Cowork chat all morning.

Five prompts.
One conversation.

These prompts stack. Each one builds on the same Cowork chat — the brand doc you save in Prompt 01 is the same brand doc Prompt 02 reads from. Don't open new chats. Don't re-paste your brand each time. Run them in order.

Important: When you see [BRACKETS LIKE THIS] in a prompt, that's where you swap in your own info before pasting. Everything else — paste as-is.

01
Brand Identity
Block 2

The first prompt. Sets up the conversation we'll use all morning. Builds your brand doc — every other prompt reads from this.

⚡ Paste into Cowork
I'm building my entire website with you in this Cowork chat. We'll work in this same conversation all morning — don't lose context. First task: build my brand identity doc. Ask me one question at a time about my business, my clients, my voice and tone, my core offer, and what feeling I want my site to leave people with. When we've covered everything, save it as brand-identity.md in my workspace folder. Important note for the brand doc: my site should NOT default to typical AI-website aesthetics — cream backgrounds, mint-green accents, big serif italic headlines. That's everywhere right now and it makes everything look like a Claude or Anthropic page. Add a "design constraints" section to the brand doc that says: "Avoid AI-tool aesthetic. No mint accents. No serif italic emphasis on every heading. The site should feel distinctly mine — warmer, more personal, more editorial."
What to expect

Claude asks 5–7 questions, one at a time. After your answers, it writes brand-identity.md to your folder and confirms it's saved.

💡 Have your Website Messy folder open. Have your LinkedIn bio ready to paste in when Claude asks.

02
Home Page
Block 3

Same chat. Continuing on. Claude already has your brand doc — no re-pasting needed.

⚡ Paste into Cowork (same chat)
Brand doc is saved. Now let's build the home page. I'm using [TEMPLATE A — EDITORIAL] or [TEMPLATE B — SERVICES] — keep one, delete the other. Use the template structure as the base, then apply my brand doc on top — voice, colours, positioning, design constraints. The goal: someone lands on this page and instantly knows what I do, who I help, and whether they should keep reading. Show me the page when it's ready. I'll review and tell you what to change.
What to expect

Claude reads brand-identity.md, edits the template files, then shows you the home page. Expect 1–2 rounds of feedback before it feels right.

03
About Page
Block 4

Same chat. The "stuck on what to say about yourself" page — Claude interviews you first.

⚡ Paste into Cowork (same chat)
Home page done. Now my About page. Use my brand doc, and before drafting anything, ask me up to 5 questions — my story, my why, what I bring that matters to my clients. Push me if I'm being vague. Here's my LinkedIn bio for context: [PASTE LINKEDIN BIO HERE — OR DELETE THIS LINE IF YOU DON'T HAVE ONE] Once you've got what you need, draft the page in my voice (per the brand doc). Show me, I'll redirect.
What to expect

Claude asks 3–5 questions. Then drafts an About page that sounds like you, not a generic bio template.

04
Go Live
Block 5 · Deploy

Same chat. Two pages built. Push them live before we even think about Services. Deploy is the win — get it done while energy is high.

⚡ Paste into Cowork (same chat)
Home and About are done. Push everything live. Help me commit my changes to GitHub, confirm Vercel is auto-deploying, and connect my custom domain. Walk me through each step — I'll confirm before anything runs. My DNS started ~30 min ago in Block 5. When deployment is live, give me both URLs: my custom domain (if ready) and the yourname.vercel.app backup URL.
What to expect

Claude commits, pushes to GitHub. Vercel picks it up automatically (within 60 seconds) AND connects your domain — that's Vercel's superpower, no DNS wrangling needed. Domain may take 10–30 more minutes to fully resolve.

⚠️ If you forgot to start the domain connect — fine. yourname.vercel.app is your fallback. Domain can be added any time later, same chain.

05
Services / Products
Block 6 · Stretch

Same chat. Site is already live. You've got the win. If you've got energy left, add a Services page. If not — finish it in week one. Either is a success.

⚡ Paste into Cowork (same chat)
Site is live. Now let's add a Services page. Here's what I offer: [PASTE YOUR SERVICES — ROUGH NOTES ARE FINE. ONE LINE EACH OR FULL PARAGRAPHS — DOESN'T MATTER] For each one, write a clear description: what it is, who it's for, what they walk away with. Match my brand voice from the doc. If anything is unclear, ask before writing. Once the page is ready, push it live too — same chain as before.
What to expect

Claude turns your messy notes into structured service descriptions, then pushes the new page live (same chain as Prompt 04). May ask 1–2 clarifying questions if your offers are vague.

What you leave with

A live website.
And the skills to keep going.

Today gets you live. But the more important thing is that you now know how to update it yourself, grow it yourself, and improve it without needing anyone else.

Your output

What you actually
walk away with

🌐

A live website

Real domain. Real URL. Home + About live by lunch. Services either today (if time) or in week one — both work. Something you can share by the end of the week.

📋

Your brand doc

Saved in your workspace folder. The single source of truth for your voice, your positioning, your visual identity. Use it every time you create anything.

🔧

The ability to update it yourself

You know the stack. You know the workflow. New offer? Updated bio? Changed pricing? You can make those changes tonight.

Cowork as your build tool

Building a website is the most visible use case. The same Cowork workflow — workspace folder, brief, build, review — applies to almost anything you'd want Claude to make for you.

💬

A group who built alongside you

Max 8 means you actually know the people in the room. Share your URL. See theirs. That's a network that started on the same day.

🎬

The replay within 48 hours

Everything recorded. Revisit any section, rewatch anything you want to redo, or share with someone who couldn't make it.

The week after

Three things to do
in week one.

The site is live. Here's what separates the people who keep going from the people who treat today as a one-off.

1

Share it with one real human

Not just post it on LinkedIn. Send it to someone specific — a client, a collaborator, a peer — and ask: "Does this land?" One real response is worth a hundred likes.

Within 24 hours
2

Make one change based on what you hear

The feedback will point at something. Fix it. You now know how. This is how the site gets better — not in one big redesign, but in small, fast iterations.

Within the first week
3

Decide what page you're building next

Blog? Testimonials? A case study? Pick one. Book 2 hours. You built 3 pages today in 4 hours — you know what the next session looks like.

The site never stops growing
The magic chain

Edit in Cowork.
Live in under a minute.

Once your site is set up, the update chain runs itself. You don't push buttons. You don't FTP files. You don't email a developer. Here's what happens when you ask Cowork to change something — and why you can keep iterating forever without re-learning anything.

01

You ask Cowork

"Change my home page headline to X. Push it live."

~5 sec
02

Cowork edits + pushes

It updates the file, commits to your GitHub repo, and pushes the change. No commands. You confirm.

~10 sec
03

Vercel rebuilds

Vercel watches your GitHub. It picks up the push automatically and rebuilds your site.

~15–30 sec
04

Live on your domain

Refresh the URL. New version is up. No deployment buttons. No "publish" workflow.

Done
⚡ A real example, end to end

You (typing into Cowork): "Change my hero headline from 'Strategy for SaaS founders' to 'Strategy for B2B founders.' Push it live."

From your phone if Cowork is open. From your laptop on the couch. From a coffee shop Wi-Fi. The chain works because GitHub holds the source of truth and Vercel is always watching GitHub for changes. Once you've set this up on workshop day, it's set up forever — no IT, no agency, no "deploy ticket."

Final tips

How to keep
making it better.

A website is never finished. It's just live. Here's how to edit, optimise, and update without breaking anything.

Method 01 ✏️

Edit in Cowork the same way you built it

Open Cowork, point it at your workspace folder, tell it what to change. "Update the headline on my home page to say X." It edits the file, you push to GitHub, Vercel redeploys. Same flow you used today.

Method 02

Optimise in 10-minute pulses

Don't redesign. Iterate. One headline tweak. One new testimonial. One image swap. Ten minutes a week beats a four-hour rebuild every six months. Keep the brand doc updated as your offer evolves.

Method 03 🛟

If something breaks, roll back

That's why we use GitHub. Every change is a save point. You can always go back to the last working version. Tell Cowork "revert my last change" — it'll handle it. You can't actually break anything permanently.

Pin this somewhere

Do this.
Don't do this.

✅ Do
  • Build your brand doc before touching design
  • Bring your Website Messy folder loaded up
  • Buy your domain before the workshop day
  • Run the prompts in order, in the same Cowork chat
  • Send String your three inspiration sites beforehand
  • Start with three pages — Home, About, Services
  • Let Claude suggest copy, then edit to sound like you
  • Ask questions — every Q becomes a tutorial for the group
  • Accept "good enough" on day one. Version 2 exists.
🚫 Don't
  • Try to build every page in one day
  • Leave your setup until workshop morning
  • Skip the brand doc and go straight to design
  • Open a new Cowork chat for each prompt
  • Try to match a site with a $50k budget
  • Use your old brand assets without reviewing them
  • Keep Claude's copy without making it sound like you
  • Worry if you're moving slower than others
  • Leave without a live URL — that's the goal for today
One last thing

The whole thing,
in eight lines.

If you remember nothing else, remember this. The shape of the day in the order it happens.

Today, in order:

Don't go it alone after today

Bring it to
the coaching calls.

TTV runs monthly group coaching calls. Bring your live site, bring your edits, bring what's not landing. The fastest way to keep getting better is to keep showing it to people who'll tell you the truth.

Use the calls for:

Real feedback on your live site — copy that lands, copy that doesn't, what to cut, what to add.

Updates and iterations — bring the change you've made this month, get a second pair of eyes before you push it.

What to build next — case studies? testimonials? a blog? Decide together, not alone.

⚡ Coming in future workshops: promoting your site · lead gen pages · capturing emails
Take these with you

Everything you need
to keep building

📋

Pre-work checklist

The full setup guide at the top of this page. Everything you need done before May 13.

Jump to pre-work
📦

Starter pack ZIP

Both templates · sample brand-identity.md · fonts & palettes that don't look like Claude · vercel.json + sitemap. Download now, unzip on the day.

Download starter pack
🎓

The Trusted Voice

This workshop is one piece of the TTV system — PACE framework, AI toolkit, community, ongoing builds. More inside.

Join TTV membership