← All sessionsHomeSearch
AI Catalyst C3·Core Sessions - Week 2·2:48:05

Session 4: How to Build Micro Prototypes

Harshit Trainer — Catalyst program director; built the day's demos live in Lovable and Codex; restructured the session on the fly to answer the cohort's GitHub/hosting/deployment questions in the second half · Niharika Cohort manager — Slido link and logistics

Session map

THE IDEATHE BUILDOWN THE STACKMicro prototypesovernight apps, real feedbackDirectory appsa front end on valuable dataDataset sourcingugly data is opportunityThe build flowattach · describe · plan firstChat with your datamarketplace + assistantBook-to-appstatic knowledge, made dynamicGit & GitHubsnapshots · Drive for codeLovable → localtwo routes into CodexVercel deploypush = livePlatform economicscredits vs capacity · AI marginsDistribution realitybuilding is the easy part
The ideaThe buildOwn the stack
click a node — its card pops up (drag it anywhere, × to close)
Concept

The map reads left to right — the idea flow into the build, then into own the stack. Click any node to open that idea here; every timestamp jumps into the recording.

The short version

  1. Micro prototypes: small, overnight apps built to test demand — with two archetypes demoed end-to-end: the directory app (a front end on a valuable dataset) and the book-to-app (static knowledge turned into an AI evaluator).
  2. The directory demo: a scraped, enriched dataset of 407 YC-backed 2025 startups (industry, AI/non-AI, B2B/B2C, founders + LinkedIn, socials, highlights) one-shotted into a filterable marketplace in Lovable, then upgraded to a two-mode app with an 'Ask AI' assistant that chats with the dataset and returns linked company cards.
  3. The second half answered the cohort's real blocker: Git and GitHub explained from zero (commit = snapshot of the whole codebase; Git = the software; GitHub = Google Drive for code; push/clone), the two Lovable-to-local routes, and the Codex → GitHub → Vercel pipeline where every push auto-updates the live site.
  4. Platform economics stated from experience: Lovable's baked-in stack (Lovable Cloud AI, database, secrets) makes it perfect for quick AI-feature prototypes, but serious building burned his $20 of credits in 2 days — 'my usage would be a $1,000 Lovable bill; I pay $100 for Codex.'
  5. The closing realities: adding AI to an app crushes margins (price from unit economics), and 'app building is so easy — the difficult part is distribution and selling it.'

The concepts

01

Micro prototypes: overnight apps that test demand

0:14:21

The unit of entrepreneurship just shrank: an app you build tonight, share with ten people tomorrow, and either grow or discard by the weekend.

A micro prototype is the smallest thing that can generate real evidence: a working app around one idea, built in a vibe-coding tool in an evening, published with one click, and put in front of a handful of real users. The discipline is in what you DON'T do — no sign-up gates (friction kills test feedback; add auth only if your data is precious enough to be scraped), no serious infrastructure, no polishing before anyone cares. Share the link, call your testers (they won't open it otherwise), and listen for the tell: 'this is interesting — I want to show my manager' means you've hit something.

The session's positioning upgrade: people sell cheat sheets and guides, but those are too cheap; DATA is a moat. Both demo archetypes — the directory app and the book-to-app — are micro prototypes wrapped around an asset (a dataset, a framework corpus) that competitors can't trivially copy. Positive feedback triggers the graduation: rebuild seriously in Codex/Claude Code, or hire the engineer, knowing demand exists.

Worked example · from the session

The session itself: the YC directory app went from CSV to shareable two-mode application inside the class hour — exactly the overnight cadence being taught.

Why it matters

This is Session 2's experiment doctrine given hands: validation stops being research and becomes shipping. Ten micro prototypes cost less than one guessed-wrong real product.

People get this wrong

Prototypes are throwaway toys — real products start from scratch.

Prototypes are demand instruments. The evidence they generate is the product decision; the rebuild (if earned) is just execution.

Go deeper

In one line: Small applications built in hours to test whether anyone wants them: share the publish link with 1-10 real users (skip sign-up friction at this stage), collect feedback and feature requests, and only then invest seriously — moving to Codex/Claude Code or hiring an engineer.

The upgrade path from cheap info-products: 'cheat sheets and guides are too cheap — data works as a great moat' (0:16:22)

Feedback protocol: send to friends in the target world, push for a call ('most people will say I'll open it later'), and listen for 'I want to show my manager' — that's the buy signal (0:50:51)

Reduce friction while testing: no sign-up gate unless the data is precious enough to scrape (0:55:02)

▶ Watch this taught: 0:14:21

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

When does a micro prototype get a sign-up gate?

Almost never during testing — friction kills feedback. The exception: data valuable enough that early users might scrape it.

What's the buy signal in prototype feedback?

'I want to show this to my manager/team' — organic pull toward other stakeholders. Polite compliments aren't signal; forwarding behavior is.

02

Directory apps: a front end on valuable data

0:18:24

Amazon minus logistics is a directory app — and you're one valuable CSV plus one prompt away from your own.

A directory app puts a search-filter-detail front end on a dataset people need: think marketplace without the payments (or with them — Amazon is a directory plus an ordering engine). The demo dataset earns its keep twice: first by selection (YC-backed startups are pre-filtered quality that VCs literally chase — Bessemer pitched him this exact app), then by enrichment — the scraped company list was augmented with industry, AI/non-AI, business model, founders with LinkedIn profiles, team size, location, socials, and founder highlights. That structure is what made the one-shot app instantly useful: every enriched column became a filter, a tag, or a detail-page section without being asked.

The generalization is the assignment: everyone has or can build a candidate dataset — the cohort volunteered theirs live (H1B lottery data, fuel prices, genetic datasets, recruiter contact books). The formula prices itself: data quality × enrichment depth × audience desperation. A Europe-only slice of the YC data alone is sellable to European VCs at subscription prices.

Worked example · from the session

The live one-shot: CSV attached to Lovable, one descriptive prompt → 17 pages of company cards with working filters (B2B/AI/location), search, detail pages with founder LinkedIn links, and auto-generated 'similar companies' sections.

Why it matters

This is the fastest data-to-revenue path that exists right now — and it reframes what you already own (contacts, records, scraped niches) as unshipped products.

People get this wrong

You need proprietary big data to build a data product.

You need a USEFUL dataset with enrichment — 407 rows sold as the right slice to the right audience (VCs, recruiters, local buyers) is a product.

Valuable dataset 407 YC-backed startups (scraped) contacts · prices · niche records Enrichment industry · AI/non-AI · B2B/B2C founders + LinkedIn · socials · highlights Mode 1: Marketplace cards · filters · search · detail pages · similar companies Mode 2: AI assistant "show me AI fintech B2B companies" → cards with links The richer the dataset, the more valuable the app — structure IS the product. Amazon is a directory app with a payments engine; VCs would pay $50/mo for exactly this one. One prompt + one attached CSV in Lovable produced the working marketplace — the enrichment is where the value came from.
Dataset → enrichment → two-mode app — the structure IS the product
For your projects

Your 30 years of Connecticut SMB/vendor/contact knowledge is exactly this asset class — and the KB itself is a directory app (concepts, tools, sessions) whose enrichment you've been building all along.

Go deeper

In one line: The archetype: valuable dataset + search/filter/detail front end = instant product. Demo: 407 YC-backed 2025 startups, scraped then enriched (industry, AI/non-AI, B2B/B2C/hybrid, founders + LinkedIn, founded date, team size, location, socials, founder summary/highlight) — the kind of app a VC firm (Bessemer pitched him exactly this) pays for.

Why the data is valuable: YC selection is a quality filter VCs chase — each batch company got a $500k check and survived the screen (0:24:28)

Amazon reframed: a directory app plus a payments engine — marketplaces ARE directories (0:20:26)

The enrichment is the product: 'if your data is enriched already, your application's value is going to be so high' (0:40:39)

Everyone has a candidate dataset: real-estate contacts, lottery/H1B data, fuel prices, genetic data — the cohort named theirs live (0:32:32)

▶ Watch this taught: 0:18:24

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

What made the YC dataset worth building on?

Selection (YC's filter = pre-vetted quality VCs want) plus enrichment (founders, LinkedIn, business model, location) — raw scraped names alone wouldn't sell.

What's the Amazon reframe?

Marketplaces are directory apps with an engine on top (payments, carts). The directory pattern scales from a CSV viewer to Amazon — same skeleton.

03

Sourcing and cleaning valuable datasets

0:32:32

The datasets are lying around — in research-paper appendices, government dumps and niche repositories — ugly, unloved, and one cleaning pass away from being products.

Three sources feed directory apps. Your own records: contacts, transactions, niche knowledge accumulated in any career. Open repositories: biomedical, genomics, drug-discovery data linked from research papers (papers double as quality signals — cited datasets are vetted datasets). And scraping, done sensibly. The discovery move is a prompt: ask for 20 niche categories of unique data repositories with 10 links each — 200 candidates in one shot — then have AI evaluate them down to your top ten.

The twist that turns sourcing into a business: open data is always ugly. That ugliness is a moat for whoever cleans it — collect the messy corpus, have Codex study it ('propose the structure; what cleaning steps does this need?' — understanding the data is itself the task), let it write the pandas scripts, and you own a clean asset others don't. His friend runs this as a pure business: partnering with companies to strip PII from their internal corpora and selling the cleaned data to OpenAI and Anthropic. One boundary: genuinely private data never goes through Lovable or cloud APIs — that's the self-hosted Ollama-on-a-VPS lane.

Worked example · from the session

The cohort's own inventory taken live — H1B lottery data, worldwide fuel prices, genetic data — each met with the same playbook: source it, clean it with agents, front-end it or sell it.

Why it matters

Everyone downstream of this session needs a dataset; this concept is the supply chain. And the ugly-data-cleaning niche is a real business hiding in plain sight.

People get this wrong

Good datasets are proprietary and expensive.

Good datasets are abundant and filthy. The scarcity is cleaning effort — which agents now do — so the ugly-data pile IS the opportunity.

Go deeper

In one line: Where data comes from: your own niche records, open repositories (biomedical, genomics, drug discovery — linked from research papers), and scraping. The opportunity: open data is always ugly — collect it, have agents write cleaning scripts, and either build on it or sell it (his friend sells cleaned, PII-stripped corpora to OpenAI/Anthropic).

Discovery prompt: 'give me 20 niche categories of unique data repositories with 10 links each' → 200 candidates, then have AI evaluate them (0:36:35)

Validation: AI first-pass for sanity, then domain experts — and prefer data cited by research papers (0:36:35)

Cleaning stack: pandas + agent-written Python scripts; first ask the agent to STUDY the dataset and propose the structure — 'understanding that in itself is a task' (2:33:42)

Private/proprietary data: not on Lovable/cloud tools — self-host with Ollama-class models on a VPS (0:38:37)

▶ Watch this taught: 0:32:32

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

What's the 200-candidate discovery prompt?

'Give me 20 niche categories of unique data repositories, 10 links each' — then have AI evaluate the 200 down to a usable shortlist.

How do you clean a dataset you don't understand?

Have the agent study it first — propose structure and cleaning steps — then let it write the pandas scripts. Understanding precedes cleaning.

Where does proprietary data get processed?

Self-hosted: Ollama-class models on your own VPS — never through Lovable, cloud agents, or third-party APIs.

04

The Lovable build flow: attach, describe, plan first

0:28:30

The prompt that built a working marketplace named zero technologies — it described a user's afternoon, and the platform chose the architecture.

The build prompt is worth studying for what it omits. It attaches the CSV, explains what the dataset IS (YC companies, what the fields mean), and describes user experience: analyze the data, build a structure to browse companies, click into details, filter by industry, B2B-vs-B2C, founder type. No model named, no database chosen, no schema designed — Lovable's platform picked the entire architecture, wired its own cloud services, and delivered the working app. That's the vibe-platform contract: you supply intent and data; it supplies engineering.

The one discipline he layers on: plan mode. First build of any project, and every new feature on an existing one, runs as a plan he reviews before implementation — the cheap checkpoint that catches misunderstandings before they're built. The flow ports everywhere (Bolt, Replit, Emergent, AI Studio, Base44); in Codex/Claude Code the same prompt works but expects you to answer a few setup questions the platforms hide.

Worked example · from the session

The actual prompt read aloud and shared in chat — dataset context, user capabilities, filters — followed by the plan, the review, and the 17-page marketplace.

Why it matters

Prompting apps is a different skill from prompting text: describing users' capabilities beats specifying technology, and plan mode is the difference between steering and hoping.

People get this wrong

Building an app means making technical decisions.

On vibe platforms it means describing user capability. The architecture is the platform's job — which is exactly what the subscription pays for.

Go deeper

In one line: Attach the CSV, describe the app in plain language (what it's for, what users should be able to do — browse, click into details, filter by industry/model/founder type), and use plan mode for first builds and new features so you review the plan before implementation.

No technical decisions required: no model choice, no schema, no database — 'Lovable figured all of those things out, the complete architecture' (0:57:03)

Works identically on Bolt, Replit, Emergent, Google AI Studio, Base44 — and in Codex/Claude Code with a few more setup steps (0:28:30)

Plan-mode habit: first prompt of any project AND any new feature runs in plan mode; implement after review (0:32:32)

▶ Watch this taught: 0:28:30

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

What belongs in an app-build prompt, and what doesn't?

Belongs: the data's meaning, who uses it, what they can do (browse/filter/click). Doesn't: models, databases, schemas — the platform architects those.

When does plan mode run?

First prompt of every new project and every new feature on an existing one — review the plan, then implement.

05

Two-mode apps: marketplace + AI assistant

0:44:43

Seventeen pages of filters serve the browser; one text box serves everyone else — the modern app ships both, and the second mode took two prompts.

Once the marketplace worked, one prompt added the second mode: an AI assistant behind a toggle, styled explicitly 'like claude.ai or chatgpt.com — simple, clear interface,' that takes natural-language queries ('show me AI fintech B2B companies'; 'companies from the UK'), searches the dataset, and answers. Behind the scenes Lovable Cloud silently supplied the LLM, the database, the secrets management — no API key was pasted, no model was chosen. That invisibility is the product being paid for, and also the dependency being accepted.

The iteration that followed is the transferable craft: the first assistant answered in plain text — technically correct, experientially wrong. The fix prompt specified response FORMAT: when the AI mentions a company, render its card, linking to the detail page the marketplace already built. Mode two doesn't duplicate mode one — it reuses it as the render layer. That's the two-mode pattern: structure for browsers, conversation for askers, one dataset underneath.

Worked example · from the session

'Show me AI fintech B2B companies' → 15 results; then the card-format fix → the same query returning clickable company tiles wired to existing pages.

Why it matters

Chat-with-your-data is the single most requested app upgrade of the moment, and this demo is its minimal honest implementation — including the format-iteration step everyone hits.

People get this wrong

Adding AI chat to an app is a major architectural feature.

On a vibe platform it's a prompt — the platform wires model and data. The real work is response design: what a useful answer looks like.

Go deeper

In one line: Upgrade the directory with a second mode: an AI assistant (clean Claude/ChatGPT-style interface) that answers natural-language queries against the dataset — 'show me AI fintech B2B companies' — and returns results as linked cards to the marketplace's detail pages.

Lovable Cloud powered it invisibly: AI model, database, secrets, file storage — 'all used in this application without you knowing' (0:59:06)

Iteration lesson: first version returned plain text; the fix prompt specified WHAT the response should contain — company cards linking to existing detail pages (1:01:08)

'Agentic apps are what people prefer' — some users browse, others just want to ask (0:42:41)

▶ Watch this taught: 0:44:43

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

What did the format-fix prompt teach?

Specify what responses CONTAIN, not just what they know: cards linking to existing detail pages, not prose. The marketplace becomes the assistant's render layer.

What did Lovable Cloud supply without being asked?

The AI model, database, secrets and storage — zero configuration, full dependency.

06

Book-to-app: static knowledge made dynamic

how-to1:03:14

Books are static knowledge; apps are that knowledge answering questions about YOUR situation — and the conversion is one deep-study prompt plus a rubric.

The insight: framework books ($100M Offers, The Intelligent Investor) contain evaluative machinery that readers never operationalize. The app version applies the machinery for them — paste your website or describe your business, get a 10-point audit where every point cites the framework it invokes ('per the value equation, your time-delay story is weak'). The rubric requirement is what makes it feel like a product instead of a chatbot: structured, cited, repeatable. The demo branded it perfectly: 'is your offer a Grand Slam or a swing and a miss?'

The business wrapper is the lead magnet: like every images-to-PDF tool that converts free and gates the download, the first audit is free and the full report costs a sign-up. The persona variant scales the pattern — Ben Graham or Buffett 'evaluating your portfolio' is the same architecture with a methodology-loaded system prompt per persona. And the copyright caveat is stated, not dodged: James Clear app-ified his OWN book; using someone else's means solving the rights question — a business problem, handled smartly, before scale.

Worked example · from the session

The live build: $100M Offers PDF uploaded, frameworks extracted, evaluator defined with URL-or-description input — then the trainer's own directory-app business run through it as the first test case.

Do it in this order

GotchasCopyright is real — James Clear built the app on HIS book (Atomic Habits → the Habits app); you're building on someone else's. 'Be smart about it' means solve the rights question before scaling, not never build. And expect schema/format errors in the first runs — the demo hit one live and fixed it conversationally.

Why it matters

This is the highest-leverage micro-prototype pattern for non-data people: your expertise or your favorite methodology, converted into an evaluator that markets itself as a lead magnet.

People get this wrong

AI apps need novel intelligence to be valuable.

They need trusted frameworks, applied. The book supplies the credibility; the app supplies the application; neither requires inventing anything.

Static knowledge a book PDF: $100M Offers, The Intelligent Investor… Extract the frameworks "study this book deeply; pull every framework for evaluating an offer" AI assistant + rubric paste your site/pitch → 10-point audit, each point citing the framework "Grand Slam, or a swing and a miss?" Lead magnet first audit free; full report = sign-up Variant: persona evaluators — "have Ben Graham or Warren Buffett assess your portfolio" (system prompts carrying each investor's published methodology) Books are static knowledge; apps make it dynamic. Mind the copyright — "be smart about it" is the honest caveat.
Static book → extracted frameworks → citing evaluator → lead-magnet gate
For your projects
  • Your KB is framework-rich source material: 'audit my AI-adoption plan against the Catalyst playbook' is a book-to-app build sitting in your own YAML corpus.
Go deeper

In one line: Turn a framework-rich book ($100M Offers demoed; The Intelligent Investor named) into an AI evaluator: study the PDF deeply, extract every framework, then build an assistant where users submit their business/website and receive a 10-point rubric audit, each point citing the framework it applies.

The lead-magnet frame: first audit free, full report behind sign-up — the images-to-PDF pattern everyone has experienced (1:05:17)

Persona variant: Ben Graham / Warren Buffett portfolio evaluators — published methodologies as system prompts (1:11:22)

Copyright handled honestly: 'you have to be smart about it' — a business problem to solve, not ignored (0:18:24)

Demo output framing: 'is your offer a Grand Slam or a swing and a miss?' (2:20:41)

▶ Watch this taught: 1:03:14

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

What makes the output a product rather than chat?

The rubric: 10+ structured points, each citing the framework applied — repeatable, scannable, brandable ('Grand Slam or swing and a miss').

How does the lead-magnet gate work?

Value first: the free first audit proves worth; the full report requires sign-up — the images-to-PDF conversion pattern.

07

Git and GitHub from zero (commits, push, clone)

1:19:31

Version control decoded in one analogy chain: v1/v2/v3 on your documents → snapshots of whole folders → a software that takes them → Google Drive, but for code.

The build-up starts from what everyone knows: saving document versions, Google Docs history. Code needs the same thing but harder — an app is dozens of files whose states must match, so the checkpoint has to snapshot the ENTIRE codebase at once. That snapshot is a commit. The software that takes and manages snapshots is Git — installed once on your machine, then operated entirely by your agent ('enable git in this project'; 'commit and push'). And GitHub is Git's Google Drive: every app is a repository (visibility private, like Doc sharing), accessible from any machine, safe when your laptop dies — 'your local system is no longer a bottleneck.'

The working vocabulary is tiny: push (upload — the agent commits automatically first), clone (download a repo to a new machine), and the rollback pair ('list all commits with their changes' → 'take me back to this one', demonstrated live with the site visibly reverting). The governance rule that prevents three-tool chaos: GitHub is the ONLY source of truth — Lovable, local and Codex all sync through it, never around it. Branches and the add/commit/push ceremony get their own session; daily work needs only 'push.'

Worked example · from the session

The live rollback: hero image changed, committed, pushed — then 'roll back to the previous version' and the site snapped back, with both commits visible on GitHub, each with its ID and changed files.

Why it matters

This vocabulary is the price of owning your stack — and it's four words. Everything after this session (deployment, collaboration, the whole build phase) assumes commits and pushes are reflexes.

People get this wrong

Git is developer tooling that vibe-coders can skip.

Git is four words the agent executes for you — and it's the exact mechanism that frees you from platform lock-in and lost work. Skipping it is choosing dependency.

Your machine: the app = a folder v0.1 snapshot v0.2 snapshot v0.3 snapshot each snapshot of the WHOLE codebase = a commit Git = the software that takes them (install once; agents run it for you: "commit and push") GitHub = Google Drive for codebases each app/project = a repository (keep it private) access your code from any machine in the world multiple people, multiple versions, one place THE single source of truth across Lovable, local, Codex — keep it current push = upload clone = download The working loop in any agent: build → test → "commit and push" → repeat. Roll back any time: "list all commits with changes" → "take me back to this one."
Snapshots of the whole folder, a software that takes them, and a Drive that holds them
We need something like Google Drive — but for code bases. And that was GitHub.1:27:41
For your projects

This is the cleanest lay explanation of the machinery your whole KB rides on — worth remembering verbatim for when you explain the _CLASSES repo's build-then-HOLD discipline to anyone.

Go deeper

In one line: Commit = a snapshot of the ENTIRE codebase (because an app is many files whose states must match); Git = the software that takes snapshots (install once; agents run it); GitHub = 'Google Drive for codebases' — each app is a repository (keep it private); push = upload, clone = download. GitHub is the single source of truth across Lovable, local and Codex.

The motivating pain: 'I added a feature and everything broke' — rollback requires whole-codebase snapshots, not file saves (1:23:38)

Working vocabulary: 'commit and push' after every tested feature; 'list all commits with changes' then 'take me back to this one' for rollback (1:54:08)

Sync rule: whatever you do on Lovable or local, everything commits to GitHub — 'GitHub is going to be your only source of truth' (2:00:15)

The full ceremony (add/commit/push, branches) deferred to a dedicated session — 'push' alone covers daily work (2:08:22)

▶ Watch this taught: 1:19:31

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

Why must a commit snapshot the whole codebase?

An app is many files whose states must match — rolling back one file breaks the rest. The unit of history is the folder, not the file.

Define push, clone, and the rollback move.

Push = upload commits to GitHub (agent commits first automatically). Clone = download a repo to a machine. Rollback: list commits with changes, then 'take me to this one.'

What's the sync rule across Lovable, local and Codex?

GitHub is the single source of truth — every surface pushes to it and pulls from it; nothing lives only on one machine.

08

Lovable to local: two routes into Codex

how-to1:35:53

The escape from platform dependency is a zip file and two prompts — and the destination behaves exactly like the platform you left, minus the credit meter.

Two routes bring a Lovable project home. The integration route (most users): connect Lovable to a GitHub repo you created, let it push, then clone locally. The download route (demoed, since his business account blocked the integration): download the code zip, unzip, open the folder as a Codex project, and prompt 'enable git and push the entire codebase to this repository.' First-time speed bumps are expected — Git install, GitHub authentication, an execution-policy confirmation on the push — each one a one-time toll.

Then the revelation: local development recreates the Lovable experience. 'Run the app for me and keep the server running' produces a localhost URL in Codex's in-app browser — chat on the left, live preview on the right, prompts queueable. The one honest asterisk: Lovable Cloud's invisible back end (database, AI model, secrets) does not travel in the zip. Static sites and front ends port perfectly; AI-dependent prototypes should stay on Lovable until the build phase teaches local equivalents.

Worked example · from the session

The full round trip live: repo created, zip downloaded and unzipped, folder opened in Codex, git enabled, push confirmed, then the empty GitHub repo refreshed into the complete codebase — followed by hero-image edits previewed at localhost:8080.

Do it in this order

GotchasThe zip does NOT carry Lovable Cloud's back end — database and AI services need local equivalents for complex apps (deferred to the build phase; keep AI prototypes on Lovable meanwhile). And execution-policy blocks on first pushes are safety, not failure — confirm, or grant standing permission in project instructions.

Why it matters

This is the graduation path's missing manual: BC2 promised the escape hatch, S3 assumed it, and this walkthrough makes it executable by someone who installed Git an hour ago.

People get this wrong

Leaving Lovable means rebuilding the app.

The code IS the app and it downloads in one zip — only platform-provided back-end services need replacing, and only for complex apps.

Go deeper

In one line: Route 1 (usual): Lovable's GitHub integration pushes the project to your repo; clone it locally via Codex. Route 2 (demoed): download the code zip from Lovable, unzip, open the folder as a Codex project, then 'enable git and push to this repository.' Either way: local dev with in-app preview, then commit/push.

Run it like Lovable: 'run the app for me and keep the server running' → localhost URL in the in-app browser — chat left, preview right (1:48:02)

First-time friction is normal: Git install required, GitHub auth prompted, push blocked by execution policy → confirm (or set project instructions to allow) (1:41:58)

Back-end caveat: Lovable Cloud services (database, AI) do NOT come along — complex apps need those configured locally (Supabase etc.), covered in the build phase (1:58:11)

▶ Watch this taught: 1:35:53

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

Name the two Lovable-to-local routes.

GitHub-integration route: Lovable pushes to your repo → clone locally. Download route: code zip → unzip → open folder in Codex → enable git → push.

What doesn't travel in the zip?

Lovable Cloud's back end — database, AI model, secrets. Front ends port cleanly; AI features need local configuration or should stay on Lovable for now.

09

Vercel: push-to-deploy and custom domains

how-to2:00:15

Deployment collapses to a one-time handshake between GitHub and Vercel — after which 'push' is the only deploy command you'll ever type.

The setup is a handshake: Vercel account, Add New Project, Import Git Repository — with the one predictable stumble being GitHub-app permissions ('could not access the repo' means grant access to that repository, not that anything's broken). Deploy, and the app is live on a Vercel URL with a generous free tier. Custom domains attach in the Domains tab, which walks the DNS changes step-by-step against GoDaddy or wherever the domain lives — his own agency site runs exactly this stack.

What makes the architecture elegant is what disappears afterward: you never visit GitHub or Vercel again. Work in Codex, test locally, say 'push' — GitHub receives the commit, Vercel detects it, redeploys (19 seconds in the live demo), and emails you if a build ever fails. The infrastructure becomes ambient. Netlify and Cloudflare Pages offer the same contract if Vercel ever disappoints.

Worked example · from the session

The live loop closed on stream: green-matcha hero pushed from Codex → deployments list showing the 19-second build → the public URL serving the change.

Do it in this order

GotchasThe first import may fail with 'could not access the repo' — that's the GitHub-app permission step, not an error in your code: configure access, retry. And this pipeline serves web apps; app stores are a separate process the agent can guide when you get there.

Why it matters

This is the final piece of stack ownership: platform-grade continuous deployment, free, configured once — the infrastructure Lovable charges monthly to abstract.

People get this wrong

Continuous deployment is enterprise CI/CD complexity.

CI/CD proper (tests gating deploys) is the advanced version — the push-to-deploy baseline is a free one-time integration any beginner can finish in ten minutes.

Codex, locally build · test in the in-app browser (localhost:8080) "push to GitHub" the agent commits + pushes; confirm when policy blocks GitHub repo private · the source of truth every commit visible Vercel auto-deploys every push emails you if a build breaks One-time setup: Vercel → Add New Project → Import Git Repository → grant repo access → Deploy. Custom domain: project → Domains → add existing — it walks the GoDaddy DNS steps. After setup you never touch GitHub or Vercel again: work in the agent, say "push" — the live site updates itself.
Codex → push → GitHub → Vercel — after setup, the live site updates itself
Go deeper

In one line: One-time setup: vercel.com → Add New Project → Import Git Repository → grant the GitHub app access to your repo → Deploy. From then on every push auto-updates the live site (build-failure emails included). Custom domains via the project's Domains tab, which walks the GoDaddy DNS steps. Netlify and Cloudflare Pages are the named alternatives.

The post-setup workflow is two words: work in Codex, 'push' — GitHub syncs, Vercel redeploys, users see the update (2:10:23)

Demonstrated end-to-end: repo imported, deployed, hero changed locally, pushed — the 19-second redeploy visible in Vercel's deployments list (2:10:23)

Generous free tier; his own agency site runs exactly this stack with a GoDaddy domain attached (2:27:21)

App-store distribution (iOS/Android) is a different pipeline — ask the agent when needed (2:18:40)

▶ Watch this taught: 2:00:15

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

What's the one-time setup sequence?

Vercel → Add New Project → Import Git Repository → grant GitHub-app access to the repo → Deploy. Domains attach via the project's Domains tab.

What's the permanent workflow after setup?

Work in Codex, 'push' after tested changes — auto-redeploy, failure emails, done. GitHub and Vercel become invisible.

10

Platform economics: when Lovable makes sense (and AI margins)

2:14:34

Every platform in the stack is honest about what it charges for — the craft is knowing which phase you're in, and whether your AI feature has a business model at all.

The Lovable verdict is phase-dependent, not absolute. It's genuinely worth paying for when speed-to-test dominates: founders without time, PMs building clickable flow mockups for their engineers, anyone testing an AI feature who doesn't want to touch databases or model config — and if a $25/month app is live and collecting subscriptions, that's a fine business. It breaks at sustained building: his two days of serious work (20 hours) consumed the month's credits; at his current multi-project pace 'Lovable's bill would be at least a thousand dollars' against Codex's flat $100 — with multiple windows running four apps at once. One nuance credits the platforms: their better landing-page first-shots aren't magic — design skills are pre-baked and they always run top models, which a configured Codex matches.

The deeper economics lesson generalizes past platforms: AI features carry per-use costs that subscriptions don't naturally cover. His refusal to publish the demo app ('you'd spend all my tokens') was the lesson live. The rule: before adding AI to any app, price it from unit economics — cost per interaction, margin per interaction, expected volume — and if the answer is '$1.10 per $1.00 of credits,' the feature has no business model. Niche pricing power or funding are the outs; 'it would be cool' is not.

Worked example · from the session

His own migration story as the case study: serious building → credits gone in 48 hours → $200 Claude Code → now $100 Codex, with the team following — the ladder climbed for stated financial reasons at each rung.

Why it matters

This converts tool choice from taste into arithmetic — and the AI-margins warning preempts the most common way first products quietly lose money.

People get this wrong

Cheaper tools are for beginners; expensive tools are for pros.

Platforms price convenience, agents price capacity. The pro move is matching the phase — platform to test, agent to build — and pricing AI features before shipping them.

Adding AI to any app will crush your margins. Whenever you think about an idea, also look at the pricing and evaluate your complete business model.2:37:50
Go deeper

In one line: Lovable earns its fee for speed-to-test (founders, PMs mocking flows, AI features with zero setup) — but serious building broke it for him: 20 hours of building burned his $20 in 2 days; his Codex usage 'would be a $1,000 Lovable bill.' And the standing warning: adding AI to any app crushes margins — price from unit economics or don't add it.

Lovable's better first-shot on landing pages explained: design skills are baked in and it always runs top models; Codex/Claude Code are multipurpose and need configuring for that quality (2:35:47)

AI-feature testing costs real money — he declined to publish the demo app because 'you will spend all of my tokens' (2:25:19)

Business-model discipline: '$1.10 charged per $1.00 of credits is not a business' — niche pricing power or funding, else skip the AI feature (2:37:50)

Codex quality-of-life: multiple windows, multiple projects at once — 4 apps open on his system (2:14:34)

▶ Watch this taught: 2:14:34

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

When is Lovable worth its subscription?

Speed-to-test phases: founder prototypes, PM flow mockups, AI features with zero setup — and small live businesses whose subscription covers the fee.

What's the AI-feature pricing rule?

Unit economics first: cost per interaction, margin, volume. If margins only exist at '$1.10 per $1.00 of AI spend', the feature has no business model.

11

The distribution reality (and viral-to-app ideas)

2:39:53

The session that made building trivial ends by naming the real boss fight: nobody's waiting for your app, and getting it to them is the long, doubt-filled part.

After three hours of proving anyone can build, the closing question — how long from prototype to revenue? — got the honest inversion: building is now the easy part; distribution is the journey. The painful stage is strategizing the go-to-market: what business model, which acquisition channels, what action plan — the phase that 'makes you doubt yourself.' The mitigations are familiar from Sessions 1-2 but land harder here: B2B moves on warm intros (one introduction to the right group outweighs months of cold outreach), and 'if the app is too good it will automatically fly — but even then, you strategize.'

The idea-sourcing habit completes the loop: keep your radar on virality. Anything blowing up on Instagram or TikTok is an app candidate — his swipe-a-dish demo (Tinder mechanics for dinner; right-swipe adds the ingredients to your cart or finds the restaurant) exists because a reel suggested it would make viral content. Build fast, attach to attention, plan distribution from day one. The full GTM playbooks — affiliate, B2B/B2C strategies — arrive after the cohort has things worth distributing.

Worked example · from the session

The swipe-a-dish app shown working: an idea from a reel, built as a virality vehicle, with no intention of launching — pure distribution-thinking practice.

Why it matters

This is the expectation-setting that saves months: effort budgeted for building is misallocated — the budget belongs to the part after the app works.

People get this wrong

A great app finds its users.

Sometimes — and even then you strategize. The default is that distribution takes longer than building, and planning it starts before the build ends.

App building is so easy — all of you present here can build now. The difficult part is distribution and selling it.2:43:56
Go deeper

In one line: 'App building is so easy — all of you can build now. The difficult part is distribution and selling it.' Plan go-to-market before the build feels finished: business model, client acquisition, B2B intros through your network. Idea sourcing runs continuously: anything viral (reels, TikToks) is an app candidate — his Tinder-for-food swipe app came from a reel.

The longest, most self-doubt-inducing stage is marketing, not building — 'that's where it would take you very, very long' (2:43:56)

B2B shortcut: warm intros — 'if you can get someone to intro you to their group, that would be immense' (2:45:57)

Idea radar: watch what goes viral and ask 'can I turn this into an app?' — the swipe-a-dish demo (right-swipe adds ingredients to your cart) built as a content-virality play (2:41:54)

GTM strategies (affiliate, B2B/B2C playbooks) deferred until after the build phase (2:45:57)

▶ Watch this taught: 2:39:53

Check yourself

Answer from memory first — the recall attempt is what makes it stick. Then reveal.

What's the hardest stage of a micro prototype's life?

Distribution — strategizing GTM, finding channels, selling. Building is now the fast, easy part; marketing is the long, doubt-filled one.

What's the viral-to-app habit?

Anything trending is an app candidate — watch reels/TikToks asking 'can I turn this into an app?' and build toward the attention that already exists.

Every concept, three clicks deep

The same concepts as a quick reference: the closed row is the glance, open is the study card, and every timestamp jumps into the recording.

01Micro prototypes: overnight apps that test demandSmall applications built in hours to test whether anyone wants them: share the publish link with 1-10 real…0:14:21

Small applications built in hours to test whether anyone wants them: share the publish link with 1-10 real users (skip sign-up friction at this stage), collect feedback and feature requests, and only then invest seriously — moving to Codex/Claude Code or hiring an engineer.

The upgrade path from cheap info-products: 'cheat sheets and guides are too cheap — data works as a great moat' (0:16:22)

Feedback protocol: send to friends in the target world, push for a call ('most people will say I'll open it later'), and listen for 'I want to show my manager' — that's the buy signal (0:50:51)

Reduce friction while testing: no sign-up gate unless the data is precious enough to scrape (0:55:02)

02Directory apps: a front end on valuable dataThe archetype: valuable dataset + search/filter/detail front end = instant product.0:18:24

The archetype: valuable dataset + search/filter/detail front end = instant product. Demo: 407 YC-backed 2025 startups, scraped then enriched (industry, AI/non-AI, B2B/B2C/hybrid, founders + LinkedIn, founded date, team size, location, socials, founder summary/highlight) — the kind of app a VC firm (Bessemer pitched him exactly this) pays for.

Why the data is valuable: YC selection is a quality filter VCs chase — each batch company got a $500k check and survived the screen (0:24:28)

Amazon reframed: a directory app plus a payments engine — marketplaces ARE directories (0:20:26)

The enrichment is the product: 'if your data is enriched already, your application's value is going to be so high' (0:40:39)

Everyone has a candidate dataset: real-estate contacts, lottery/H1B data, fuel prices, genetic data — the cohort named theirs live (0:32:32)

03Sourcing and cleaning valuable datasetsWhere data comes from: your own niche records, open repositories (biomedical, genomics, drug discovery — li…0:32:32

Where data comes from: your own niche records, open repositories (biomedical, genomics, drug discovery — linked from research papers), and scraping. The opportunity: open data is always ugly — collect it, have agents write cleaning scripts, and either build on it or sell it (his friend sells cleaned, PII-stripped corpora to OpenAI/Anthropic).

Discovery prompt: 'give me 20 niche categories of unique data repositories with 10 links each' → 200 candidates, then have AI evaluate them (0:36:35)

Validation: AI first-pass for sanity, then domain experts — and prefer data cited by research papers (0:36:35)

Cleaning stack: pandas + agent-written Python scripts; first ask the agent to STUDY the dataset and propose the structure — 'understanding that in itself is a task' (2:33:42)

Private/proprietary data: not on Lovable/cloud tools — self-host with Ollama-class models on a VPS (0:38:37)

04The Lovable build flow: attach, describe, plan firstAttach the CSV, describe the app in plain language (what it's for, what users should be able to do — browse…0:28:30

Attach the CSV, describe the app in plain language (what it's for, what users should be able to do — browse, click into details, filter by industry/model/founder type), and use plan mode for first builds and new features so you review the plan before implementation.

No technical decisions required: no model choice, no schema, no database — 'Lovable figured all of those things out, the complete architecture' (0:57:03)

Works identically on Bolt, Replit, Emergent, Google AI Studio, Base44 — and in Codex/Claude Code with a few more setup steps (0:28:30)

Plan-mode habit: first prompt of any project AND any new feature runs in plan mode; implement after review (0:32:32)

05Two-mode apps: marketplace + AI assistantUpgrade the directory with a second mode: an AI assistant (clean Claude/ChatGPT-style interface) that answe…0:44:43

Upgrade the directory with a second mode: an AI assistant (clean Claude/ChatGPT-style interface) that answers natural-language queries against the dataset — 'show me AI fintech B2B companies' — and returns results as linked cards to the marketplace's detail pages.

Lovable Cloud powered it invisibly: AI model, database, secrets, file storage — 'all used in this application without you knowing' (0:59:06)

Iteration lesson: first version returned plain text; the fix prompt specified WHAT the response should contain — company cards linking to existing detail pages (1:01:08)

'Agentic apps are what people prefer' — some users browse, others just want to ask (0:42:41)

06Book-to-app: static knowledge made dynamicTurn a framework-rich book ($100M Offers demoed;1:03:14

Turn a framework-rich book ($100M Offers demoed; The Intelligent Investor named) into an AI evaluator: study the PDF deeply, extract every framework, then build an assistant where users submit their business/website and receive a 10-point rubric audit, each point citing the framework it applies.

The lead-magnet frame: first audit free, full report behind sign-up — the images-to-PDF pattern everyone has experienced (1:05:17)

Persona variant: Ben Graham / Warren Buffett portfolio evaluators — published methodologies as system prompts (1:11:22)

Copyright handled honestly: 'you have to be smart about it' — a business problem to solve, not ignored (0:18:24)

Demo output framing: 'is your offer a Grand Slam or a swing and a miss?' (2:20:41)

07Git and GitHub from zero (commits, push, clone)Commit = a snapshot of the ENTIRE codebase (because an app is many files whose states must match);1:19:31

Commit = a snapshot of the ENTIRE codebase (because an app is many files whose states must match); Git = the software that takes snapshots (install once; agents run it); GitHub = 'Google Drive for codebases' — each app is a repository (keep it private); push = upload, clone = download. GitHub is the single source of truth across Lovable, local and Codex.

The motivating pain: 'I added a feature and everything broke' — rollback requires whole-codebase snapshots, not file saves (1:23:38)

Working vocabulary: 'commit and push' after every tested feature; 'list all commits with changes' then 'take me back to this one' for rollback (1:54:08)

Sync rule: whatever you do on Lovable or local, everything commits to GitHub — 'GitHub is going to be your only source of truth' (2:00:15)

The full ceremony (add/commit/push, branches) deferred to a dedicated session — 'push' alone covers daily work (2:08:22)

08Lovable to local: two routes into CodexRoute 1 (usual): Lovable's GitHub integration pushes the project to your repo;1:35:53

Route 1 (usual): Lovable's GitHub integration pushes the project to your repo; clone it locally via Codex. Route 2 (demoed): download the code zip from Lovable, unzip, open the folder as a Codex project, then 'enable git and push to this repository.' Either way: local dev with in-app preview, then commit/push.

Run it like Lovable: 'run the app for me and keep the server running' → localhost URL in the in-app browser — chat left, preview right (1:48:02)

First-time friction is normal: Git install required, GitHub auth prompted, push blocked by execution policy → confirm (or set project instructions to allow) (1:41:58)

Back-end caveat: Lovable Cloud services (database, AI) do NOT come along — complex apps need those configured locally (Supabase etc.), covered in the build phase (1:58:11)

09Vercel: push-to-deploy and custom domainsOne-time setup: vercel.com → Add New Project → Import Git Repository → grant the GitHub app access to your…2:00:15

One-time setup: vercel.com → Add New Project → Import Git Repository → grant the GitHub app access to your repo → Deploy. From then on every push auto-updates the live site (build-failure emails included). Custom domains via the project's Domains tab, which walks the GoDaddy DNS steps. Netlify and Cloudflare Pages are the named alternatives.

The post-setup workflow is two words: work in Codex, 'push' — GitHub syncs, Vercel redeploys, users see the update (2:10:23)

Demonstrated end-to-end: repo imported, deployed, hero changed locally, pushed — the 19-second redeploy visible in Vercel's deployments list (2:10:23)

Generous free tier; his own agency site runs exactly this stack with a GoDaddy domain attached (2:27:21)

App-store distribution (iOS/Android) is a different pipeline — ask the agent when needed (2:18:40)

10Platform economics: when Lovable makes sense (and AI margins)Lovable earns its fee for speed-to-test (founders, PMs mocking flows, AI features with zero setup) — but se…2:14:34

Lovable earns its fee for speed-to-test (founders, PMs mocking flows, AI features with zero setup) — but serious building broke it for him: 20 hours of building burned his $20 in 2 days; his Codex usage 'would be a $1,000 Lovable bill.' And the standing warning: adding AI to any app crushes margins — price from unit economics or don't add it.

Lovable's better first-shot on landing pages explained: design skills are baked in and it always runs top models; Codex/Claude Code are multipurpose and need configuring for that quality (2:35:47)

AI-feature testing costs real money — he declined to publish the demo app because 'you will spend all of my tokens' (2:25:19)

Business-model discipline: '$1.10 charged per $1.00 of credits is not a business' — niche pricing power or funding, else skip the AI feature (2:37:50)

Codex quality-of-life: multiple windows, multiple projects at once — 4 apps open on his system (2:14:34)

11The distribution reality (and viral-to-app ideas)'App building is so easy — all of you can build now.2:39:53

'App building is so easy — all of you can build now. The difficult part is distribution and selling it.' Plan go-to-market before the build feels finished: business model, client acquisition, B2B intros through your network. Idea sourcing runs continuously: anything viral (reels, TikToks) is an app candidate — his Tinder-for-food swipe app came from a reel.

The longest, most self-doubt-inducing stage is marketing, not building — 'that's where it would take you very, very long' (2:43:56)

B2B shortcut: warm intros — 'if you can get someone to intro you to their group, that would be immense' (2:45:57)

Idea radar: watch what goes viral and ask 'can I turn this into an app?' — the swipe-a-dish demo (right-swipe adds ingredients to your cart) built as a content-virality play (2:41:54)

GTM strategies (affiliate, B2B/B2C playbooks) deferred until after the build phase (2:45:57)

Tools referenced

ToolCoverageMomentContext
Lovabledemonstrated0:28:30Directory app one-shot from attached CSV, plan mode, AI-assistant mode via Lovable Cloud (model/db/secrets invisible), publish flow, code-zip download, GitHub integration; credit economics dissected
Codex (OpenAI)demonstrated1:37:55Open-existing-folder projects, 'enable git and push', run-the-server local preview (localhost:8080), commit/rollback demo, prompt queueing, multiple windows (4 apps at once)
GitHubdemonstrated1:33:47Repo creation (private), commits with IDs and changed files, push confirmations, repo-as-source-of-truth doctrine; taught from zero via the Google-Drive analogy
Verceldemonstrated2:02:17Import Git Repository, GitHub-app access grant, deploy, 19-second redeploy on push, Domains tab with GoDaddy DNS walkthrough; his agency site runs this stack
Y Combinator startup directorydemonstrated0:24:28The dataset source: batch filters explained ($500k checks, 4 batches/year); scraped + enriched into the demo CSV (shared with learners)
GummySearchdemonstrated0:53:01Directory-app exemplar: Reddit community insights (pains, hot topics, sentiment) — now dead, blocked by Reddit; shown as both pattern and cautionary tale
$100M Offers (PDF)demonstrated1:03:14The book-to-app source: frameworks extracted into the offer-audit evaluator ('Grand Slam or swing and a miss')
Gitexplained1:25:39The version-control software itself: install once, agents operate it; commit=snapshot, push=upload, clone=download; branches deferred
Supabasementioned1:58:11The database you'd configure locally when a complex app leaves Lovable Cloud — deferred to the build phase
Netlify / Cloudflare Pagesmentioned1:29:44Vercel alternatives for the same push-to-deploy contract
Bolt / Replit / Emergent / Base44 / Google AI Studio / Antigravitymentioned0:28:30The interchangeable build-platform roster — 'anything works that allows you to build'
pandasmentioned2:33:42His dataset-cleaning workhorse, driven through agent-written scripts
Ollamamentioned0:38:37The private-data lane: self-hosted models on a VPS when data can't touch cloud tools
Hallmarkmentioned0:55:02Recommended for the landing page in front of the app (GummySearch's landing/product split as the model)

Session materials

Archived locally on V: — click to open. Companion pages link to the LMS.

Action items

Resources mentioned

Resources
  • docYC 2025 dataset (CSV) + $100M Offers PDF — both shared in session for learners to rebuild the demos 2:20:41
  • docGit/GitHub/Codex/Vercel guide document ('this will be in your docs') 2:08:22
  • docBuild prompts shared in chat: the directory-app prompt and the two-mode AI-assistant prompt 0:46:45
  • docPromised: dedicated Git/GitHub session (branches, add/commit/push ceremony), database configuration in the build phase, GTM strategies after building 2:06:21

Extraction notes

This page was built from an auto-generated transcript, which garbles product and people's names. Those were corrected silently in everything above and logged here for transparency. The warnings flag claims that were true on the recording day but change fast.

Transcript corrections applied

The transcript saysThe trainer actually means
Versa / Versail / Versailles / Wershell / virtualVercel
codecs / codexCodex (OpenAI)
Cloud Code / plot code / shortcode / clodClaude Code
by coding / byte coding / white coding / wide coding / why codingvibe coding
SuperBaseSupabase
lovable / Livable / unlovable ('I am unlovable')Lovable (the platform; 'on Lovable')
GummySearch / gummy search dot comGummySearch (defunct Reddit-insights product)
ModelLensdemo company name from the YC dataset (as heard)
BessemerBessemer Venture Partners
James / Habits appJames Clear / the Atomic Habits companion app
offer leak dot comhypothetical domain example (as heard, possibly 'OfferLeague' or similar)
hundred million offers / Kormozi$100M Offers / Alex Hormozi
FireCall / fire toggleFirecrawl (the scrape dependency mentioned for URL audits)
chat g p d dot com / claud dot aichatgpt.com / claude.ai (interface style references)
locally host 80 80localhost:8080
b 0 to build and enter a data proposalunresolved garble in the Vercel import walkthrough
hot brew / green match / matchathe demo hero's matcha/green theme edits (as heard)
Praful / Saeed / Saad / Kabilan / Ashwin / Pilar / Kelly / Emily / Sunil / Richard / Josephlearner names (spellings uncertain)
CICDCI/CD (continuous integration/deployment)
FireMFGunresolved garble in the YC $500k-check explanation

True on recording day — verify before relying