The course
From a blank folder to launch day.
Track A takes you from installing Claude to a live product with a database, an admin backend and docs. Track B, right after set-up, turns any product into a demo video you'd be proud to post. New lessons land here as soon as they're published.
- Lessons live
- 68/68
0
Welcome
Track A
What the course covers, how it stays free, which path to take, and what your computer needs.
- 0.1What you'll be able to doSee the whole pipeline this course teaches, from a rough idea to a launched product with a demo video, and how each lesson is put together.5 min
- 0.2How the course is freeThe course costs nothing. Here's how we pay for it with affiliate links, and what we promise you about the tools we recommend.3 min
- 0.3Choose your pathPick the route through the course that fits your goal: one product, many projects with a three-agent studio, or just the build. The course runs set-up first, then Track B for demo videos, then Security, then the skills.4 min
- 0.4Hardware and software checkCheck that your computer is ready for the course, and see the difference between the minimum and the recommended set-up.10 min
1
Background knowledge
Track A
How coding agents work, the words you'll keep hearing, and how to get good answers before you build anything.
- 1.1How AI coding agents actually workWhat happens inside a session: context, tools, why the agent asks permission, and the things it can't do, explained without jargon.10 min
- 1.2Terms and languageThe words you'll meet in this course, such as repo, deploy, environment variable, MCP and DNS, with plain definitions and why each one matters.10 min
- 1.3How to get answersHow to ask the AI well by giving context and pasting exact errors, when to read the docs yourself, and when to stop and simplify.10 min
- 1.4Think and talkWhy we give briefs and feedback by voice with Wispr Flow, and how working this way changes the quality of what the agent builds.8 min
- 1.5Decisions vs choresYou make the decisions and the agents do the chores. Learn how to set things up so the agent only interrupts you for questions that need you.12 min
2
Setup tools
Track A
Each tool in the stack: what it does, why we use it, and what it costs.
- 2.1ClaudeWhat Claude and Claude Code do in the pipeline, which plan you need, and how to sign up.6 min
- 2.2CloudflareHosting, DNS and domains on Cloudflare, what the free tier covers, and why the agent can deploy there for you.5 min
- 2.3Wispr FlowVoice dictation into any app, the plan we use, and the free dictation built into Windows and macOS if you'd rather start there.5 min
- 2.4VibeKitHow VibeKit lets your app use Airtable safely without exposing tokens, and how the agent sets it up through its MCP server.6 min
- 2.5ElevenLabsAI voices, voice clones, avatars and music for your demo videos, and how the credit-based plans work.6 min
- 2.6AirtableWhy we use Airtable as database, content system and admin panel in one, and what the free and paid plans include.6 min
- 2.7GitHubWhere every project's code and history live, and why the free plan is all you need for this course.5 min
- 2.8Google Gemini APIImage generation for product graphics, thumbnails and presenter images, and how the free tier and billing work.5 min
- 2.9Gmail / Google WorkspaceSending branded emails from Airtable through Gmail or Google Workspace, and when a free Gmail account is enough.5 min
3
Environment set-up
Track A
The exact set-up, step by step. Most steps are a prompt you paste into Claude, so the agent does the work.
- 3.1Claude account, desktop app, plansCreate your Claude account on a plan that includes Claude Code, install the desktop app on Windows or Mac, and check that Claude Code can run on your machine.15 min
- 3.2Claude sessions and permissionsLearn what a session is, how Claude Code's permission modes work, when to approve once or always, and what Claude will always leave to you.12 min
- 3.3Claude Desktop + Remote ControlFollow a Claude Code session running on your computer from your phone, answer its questions, and keep the computer awake during long builds.10 min
- 3.4Claude connectorsConnect Claude to Airtable, Gmail or Google Workspace, Cloudflare and GitHub, test each one safely, and learn how connectors work on Team and Enterprise plans.15 min
- 3.5Claude in Chrome pluginInstall the Claude extension for Chrome so the agent can open pages, click and type in a browser, and learn what it can and can't do there.10 min
- 3.6GitHubSet up your GitHub account and the gh command-line tool, learn commit, push, branch and pull request in plain words, and practise them on a test repo.20 min
- 3.7Environment variables and secretsKeep API keys and tokens out of the chat and out of your repo with .env.local, .env.example and .gitignore, and learn the difference between project and machine variables.15 min
- 3.8Cloudflare accessLog wrangler in to the right Cloudflare account, deploy a test page to a free pages.dev address, and see how custom domains fit in later.15 min
- 3.9AirtableSet up an Airtable workspace, connect Claude through the Airtable MCP, and create personal access tokens with only the scopes and the one base a project needs.20 min
- 3.10VibeKitCreate your VibeKit account, add the VibeKit MCP to Claude Code with claude mcp add, authenticate it through /mcp, and check that Claude can reach your projects.15 min
- 3.11Gemini API keyCreate a Gemini API key for image generation, save it safely, and have Claude generate a first test image in your project.15 min
- 3.12ElevenLabsSet up your ElevenLabs account and API key, test a voice, and learn the consent rules for cloning a voice before you make one.15 min
- 3.13The readiness checkRun one prompt that tests everything you set up in Part 3 and reports what's ready, what's missing and which lesson fixes it.15 min
B
Product demo videos with AI
Track B
Make a launch video for any product from screenshots: an AI presenter and voice from ElevenLabs, narration in one take, and animations timed to every word. No screen recording.
- B1Set up your video kitSign up for ElevenLabs on a plan with enough credits for your narration and presenter clips, keep the API key in a git-ignored file, and let your agent set up the screenshot-and-keyframe video workspace.30 min
- B2Storyboard the businessHave your agent write the whole video as a storyboard: the business and how it makes money, fictional personas and their paths, every spoken word and every shot, ending with the capture list.60 min
- B3Capture the screensYour agent captures every screenshot on the capture list at device scale 2: full-page stills for Part 1, and matched before and after pairs for every step in Part 2, made with real data changes.60 min
- B4Narrate in one takeGenerate the whole script as one ElevenLabs take, cut it in the middle of the real pauses, check every piece starts and ends in silence, and get the word timings your animation is keyed to.40 min
- B5Build the animation toolkitYour agent builds a small toolkit that turns HTML pages and screenshots into frame-exact video: a renderer, a diagram helper, a story-shot player, a smooth-scroll tool and a coordinate grid.60 min
- B6Build the shotsYour agent renders every shot from your screenshots and narration timings: the business diagram, the scrolling screens, the database tour, the people card and the Part 2 story shots, with every keyframe on its word.90 min
- B7Presenter clips and thumbnailOptionally add lip-synced presenter clips, one line per clip, made in ElevenLabs from a single presenter image. Then make the thumbnail: your presenter, photorealistic, dressed for the video's topic.60 min
- B8Assemble, check and publishAssemble the shots, cards, presenter clips, narration and music into the final video, run the anomaly pass on sound, text and picture, then upload it as private with a scheduled publish time.60 min
- B9Cut a Short for every videoCut a readable 20-second vertical Short from your finished video's captures and presenter, set it to your channel's music, and point every viewer to the full build.45 min
S
Security
Track A
Before you build: what anyone can see in a web app, how to keep your idea and your data safe, and why every build in this course goes through a proxy.
- S1Securing your ideaA web app runs partly on your visitor's own computer, where anyone can read its code and watch its calls. Learn what that means, what must stay on a server, and see it for yourself in DevTools.25 min
- S2Securing your dataOne Airtable token in the wrong place can reach every base you own. Learn how to give each project its own small, base-scoped token, what to do if one leaks, and why calling Airtable straight from your app is a mistake.30 min
- S3Use a proxy: why this course uses VibeKitYour app should never talk to Airtable directly. Learn what a proxy does, what VibeKit checks for you, and how its staged prompts keep your build agent on track from set-up to deploy.15 min
4
The skills
Track A
Hands-on lessons: repos, permissions, Airtable, admin backends, legal pages, docs, recorded demos, caching and browser testing.
- 4.1Set up Claude + connectorsA hands-on recap of lessons 3.1 to 3.5: you set up Claude, connectors, Remote Control and Chrome on a real project and use them together.15 min
- 4.2GitHub, repos and the basics in practiceWorking day to day with commits, branches and pull requests on a real project, and how to undo a change that went wrong.15 min
- 4.3Claude sessions and permissions in practiceRunning a build unattended, and writing standing approvals into your kickoff prompt so the agent only stops for real decisions.15 min
- 4.4Airtable basics: what you need to knowTables, fields, links, formulas, rollups and views, importing CSV files, and the habits that cause trouble later.20 min
- 4.5Efficiency with Wispr Flow: think and talkDictating briefs and feedback in practice, and building quick feedback loops with the agent by voice.10 min
- 4.6ElevenLabs vs live recordingWhen to use an AI voice or presenter and when to use your own voice or be on camera yourself, plus consent and being open that it's AI.10 min
- 4.7Airtable for adminInterfaces as your back office, automations, branded emails, and how to preview emails while keeping them off on demo data.20 min
- 4.8Legal pagesHaving the agent draft terms, privacy, cookie and affiliate disclosure pages from your brief. This is a starting point and not legal advice.12 min
- 4.9Documentation pagesThe agent writes user and admin guides from its own build context, with real screenshots and GIFs of your app.12 min
- 4.10Claude capturing demo screensThe build agent drives your app in Chrome and captures every screen the storyboard needs: full-page stills and before/after pairs, sharp enough to zoom.20 min
- 4.11Data freshness and cachingWhy some Airtable edits show instantly and others take about a minute in a VibeKit app, when to press Refresh cache, and when an automation is the right tool.15 min
- 4.12Testing in the browserThe pre-launch pass where the agent uses your app like a real user, finds bugs and fixes them before anyone else sees them.20 min
- 4.13Build with VibeKit using an agentPaste one starter prompt and let Claude set up your VibeKit project, your Airtable base and your app. You only step in to connect the base and create one token.30 min
5
The studio
Track A
How we run several agents as a small studio: a project manager, a build agent and a video agent.
- 5.1Three rolesThe Project Manager, build and video production agents: what each one does, why we split them, and when one agent is enough.15 min
- 5.2One repo or many?A single repo with a playbook folder for one product, or separate PM, video and product repos when you run many projects.15 min
- 5.3Playbook filesThe planning guide, kickoff template, build checklist, demo rules and video rules we use, with templates you can copy.30 min
- 5.4Learnings registerHow we record what went wrong and what worked after every build, so the process gets better each time.20 min
- 5.5Set up your own video-production repoThe repo behind our demo videos: storyboard, captures, narration, the animation toolkit, shots and renders, and where each kind of file is stored.25 min
- 5.6Supervising remotelyRunning the readiness check, leaving the house during a build, and having the build agent report to the Project Manager.20 min
6
Your first launch
Track A
The capstone: plan, build, record and publish a product of your own.
- 6.1Project briefA guided planning session with Claude that turns your idea into a brief with personas, a coverage table, a usability pass and a scope you sign off.60 min
- 6.2Build a web applicationBuild your capstone from the brief you wrote in 6.1, check it against the brief and deploy it. Then run VibeKit's launch checklist, so the app is ready for real visitors before you make the demo video.90 min
- 6.3Make the product demo videoFrom storyboard to screenshots, one narration take and animated shots, then a checked cut uploaded to YouTube as private.90 min
- 6.4Publish on YouTubeThe agent has uploaded your video as private with a scheduled time. You check the title, thumbnail, description, chapters and captions before it goes public.30 min
- 6.5Share on social mediaLaunch posts generated from your marketing kit, with real screenshots and GIFs of the product.30 min
- 6.6RetroLook back at your first launch and start your own learnings register, so the next project goes faster.30 min
Members only · free
The lessons are free. You just need an account.
- Every lesson, step by step, for Windows and Mac
- The copy-paste prompts that make the agent do the work
- The setup checklist, ticked off as you go
- New lessons as soon as we publish them