← Default view
Workshop Cookbook · Vol. 2026 · Chapter III
Recipe № 56
Two-Tool Method

ChatGPT-refine
Lovable-build

A two-step prompt recipe for laymen-friendly app shipping
From the cookbook of Atlas Workshop Recipes · filed 23·V·2026
Yield
1working web app
Serves
20attendees
Prep · ChatGPT
≈ 30minutes · free
Cook · Lovable
≈ 60minutes · ~2 credits
Fuel
€0shared free tier

The chef's intro. For a 2–3 hour workshop with laymen: refine the idea into a structured PRD in ChatGPT (free, no Lovable credits burned [1]), then hand off to Lovable's Agent mode for the build. If every attendee already has a Lovable account, skip ChatGPT and use Lovable's built-in Chat Mode for the same conversation — it's purpose-built to precede a build [5]. The ChatGPT step earns its keep when attendees know ChatGPT but not Lovable, or you want one tool for ideation across the cohort before anyone signs in.

Lovable Chat Mode hero illustration
Chat Mode — planning before any code is written

Mise · en · placeIngredients

  • ChatGPT account free tier is enough — refine is free
  • Lovable account 5 credits/day, 30/month cap on free [7]
  • ≈ 600
    cohort credits
    ~30/seat × 20 attendees
  • 4
    planning answers
    what · who · why · key action
  • 2
    design buzzwords
    from the spice rack below
  • 3+3+3
    real product names, testimonials, menu items
    NO lorem ipsum — it cascades [3]
  • 1
    optional helper:
    Lovable PRD Generator Custom GPT — packages everything [15]
  • 1
    example bank: cporter202/lovable-for-beginners ⭐ 530
    3–5 sample PRDs to hand out [16]
★ Cohort math
600 credits ÷ ~15 iterations
≈ 2 credits per attendee.
That's 1 landing page + 4 edits.
Tell them. They'll spend better.

Two stages · one paste betweenMethod

IREFINE

Refine in ChatGPT ≈ 30 MIN · FREE

Goal: one structured paste for Lovable. The handoff is one-way — once you've seeded the project, Lovable's own docs say you must open Lovable to continue editing [1]. So the first paste matters more than any later one.

Have attendees answer Lovable's four-question planning frame [3]:

What is this?one sentence Who is it for?target user Why will they use it?core value What's the key action?primary CTA

Then ask ChatGPT to expand into a PRD-style prompt — the meta-prompt is in The Master Sauce below. End with the magic tail: "Ask me any clarifying questions before you start" [3]. Single highest-yield trick in the docs.

IIBUILD

Build in Lovable ≈ 60 MIN · ~2 CREDITS

Two routes from chat to a running app:

  • @Lovable tag inside ChatGPT — one auth grant; the conversation context becomes the initial build; no credits until build fires [1].
  • Copy/paste into Lovable's "new project" box — two windows, one paste; same cost [2].

Either way, the first paste lands in Agent mode (a.k.a. Build mode) — the execution mode that actually writes files [6].

IIIITERATE

Iterate by component SURGICAL · ~0.5 CR EACH

Build by component, not by page. The docs are emphatic: "build by component, not full pages at once", and "use real content instead of placeholder text" [3]. Asking for "the whole landing page redone" burns 2+ credits and tends to regress unrelated parts; asking for the hero CTA costs ~0.5 [10].

Drill the edit template — one sentence, two slots:

"Change [specific element] to [new spec]. Keep [what stays the same]."

IVSTIR · TASTE

Switch to Chat Mode for deeper changes

For structural rework mid-build, leave Agent mode and re-enter Chat Mode. Conversational, no code touched — "having a planning session with a technical co-founder before diving into development" [5].

The docs frame it cleanly: "Plan mode is for decision-making. Agent mode is for execution" [6].

— the spice rack — pick exactly two —
minimalclean / restrained expressivepunchy / bold cinematicmoody / dramatic playfulround / lively premiumrefined / spacious developer-focusedmonospace / dense
Each shifts typography, spacing, shadow, radius, palette [14]
The Master Sauce

A meta-prompt to start with

paste into ChatGPT, swap the highlighted bits
You are helping me brief Lovable.dev to build a small web app. Here is my idea: <one paragraph from the attendee>. Produce a single prompt that includes: · Project overview (one sentence) · Target audience · 2–4 key pages with the components on each · Design direction: pick 2 buzzwords from { minimal, expressive, cinematic, playful, premium, developer-focused } · Empty / loading / error states for the main data view · Mobile-first responsive note Keep it under 250 words. End with: "Ask me any clarifying questions before you start."

Don't want to write your own? Use the Lovable PRD Generator Custom GPT [15]

Workshop timing — the cooking schedule

A 2½-hour run, plated end-to-end [17]
Stage I
Refine
~30 min
Stage II
Build
~60 min
Stage III
Polish · Deploy
~30 min
Stage IV
Show & tell
~30 min

Chef's notes

~ failure modes to teach before they bite ~

Fix-one-break-ten

The dominant Reddit complaint: "AI is still just soooooo stupid and it will fix one thing but destroy 10 other things in your code." [9]

Counter with the edit template + the rule below.

Two-strike rule

Lovable's own guidance: three failed corrections = stop and reassess [12]. For laymen the rule is harder: two failed corrections → revert and re-prompt from scratch with more context.

Set the egg timer. Pull from the heat.

Vague prompt → vague app

"A vague prompt leads to assumptions, and assumptions lead to apps that miss the mark" [5]. The whole reason the ChatGPT step exists.

Refine cold. Build hot.

Security blind spot

Independent assessment: 170 of 1,645 Lovable-built apps exposed personal data [9].

Workshop rule: NO real PII into Supabase auth. Seed data only.

The lorem-ipsum trap

Placeholder text cascades — the AI builds layouts around the placeholders rather than the real content [3].

3 real names · 3 real testimonials · 3 real items. Before paste.

Label-rot ripples

Small label changes can ripple through file paths [8]. Name panels, buttons, cards once. Stick to it.

A lightweight PRD beats a heavy rebuild.
The
House
Rule
— the one line to drill —
Plan the whole thing in chat.
Build one component at a time in code.
— every other tip is a corollary —

From the pantry

other recipes in the same cookbook · and the sources cited

Cited sources · 17

1Lovable docs — ChatGPT appofficial
No credits until build fires; further editing requires opening Lovable.
2Lovable — ChatGPT appvendor
Marketing page positioning plan-in-ChatGPT, build-in-Lovable.
3Lovable docs — Promptingofficial
Four-question frame, edit template, clarifying-questions tail, real content rule.
4Lovable — Prompting handbookvendor
Canonical long-form reference: meta-prompting, plan-then-build discipline.
5Lovable — Chat mode & questionsvendor
Chat Mode allows planning before any code is written.
6Lovable docs — Modesofficial
"Plan mode is for decision-making. Agent mode is for execution."
7Lovable docs — Plans & creditsofficial
Free: 5 daily credits, 30/month cap. Pro: $25/month for 100 credits.
8Design Bootcamp — From prompt to prototypevendor
Stable naming discipline; label changes ripple through file paths.
9MorphLLM — Reddit vibe-codingnews
Fix-one-break-ten complaint + 170/1645 apps exposed PII.
10Banani — Lovable pricing & creditsvendor
Per-prompt credit costs: ~0.5 styling, ~1.2 auth, ~2 landing page.
11Build with Lovable — 15 prompt examplesvendor
Concrete budgeting-app starter prompt: audience + CTA + aesthetic.
12Lowcode Agency — Lovable promptingvendor
Three-strike correction rule: stop after three corrections with no improvement.
13AI4DH — Workshop announcementnews
Real beginner workshop (Ljubljana / AI4DH, May 2026), no programming required.
14AI Agents Kit — Lovable promptingvendor
Buzzwords interpreted as parameters: typography, spacing, shadow, radius, palette.
15Lovable PRD Generatortool
Custom GPT that packages an idea into a Lovable-shaped prompt.
16cporter202/lovable-for-beginners ⭐ 530forum
Beginner course repo — usable as workshop example bank.
17Coursera — Vibe Coding with Lovableofficial
Published course establishing the "first app in 1-2 hours" beginner norm.