The Prompting PlaybookStart here

Plan before you prompt

Before using Lovable, define what you're building.

#Lay the Foundation
3 min
The Prompting Playbook

Map the user journey visually

Design isn't about individual screens, it's about what happens between them.

#Lay the Foundation
3 min
The Prompting Playbook

The Scoping Template

Fill this in before your first prompt so the agent knows what you are building and what you are not.

#Lay the Foundation
3 min
The Prompting Playbook

Build one piece at a time

Lovable works best when you build your UI in modular parts, not full pages at once.

#Think in Systems
3 min
The Prompting Playbook

Design with real content

Lovable does not work well with placeholder content like lorem ipsum or "feature 1 / feature 2".

#Think in Systems
3 min
The Prompting Playbook

Build a prompt pattern library

Prompts are easier to write and far more effective when you use structured, repeatable patterns.

#Build with Precision
3 min
The Prompting Playbook

Attach images and reference files

Attach images to any prompt: screenshots of bugs, reference designs, napkin sketches.

#Build with Precision
3 min
The Prompting Playbook

Add visuals via URL

Drop in product demos, generated clips or tutorial videos using URLs.

#Build with Precision
3 min
The Prompting Playbook

Use Visual Edit instead of prompts

Visual Edit mode lets you make design changes by clicking directly on elements in the preview.

#Build with Precision
3 min
The Prompting Playbook

One change, then check

The rhythm of good building is prompt, review, prompt, review.

#Iterate and Ship
3 min
The Prompting Playbook

Refactor and improve

As your project grows, periodically ask Lovable to clean things up.

#Iterate and Ship
3 min
The Prompting Playbook

Describe the symptom, not the cause

If you're not a developer, your guess about what broke is probably wrong — and a wrong guess sends the agent digging in the wrong file.

#When It Breaks
3 min
The Prompting Playbook

Isolate before you fix

Narrow down where the problem actually lives before asking for a fix.

#When It Breaks
3 min
The Prompting Playbook

Reverting is not failure

Restoring to the last working version is almost always cheaper than six fix prompts.

#When It Breaks
3 min
The Prompting Playbook

The Debugging Triage Table

Match the symptom you are seeing to the right first move before you prompt again.

#When It Breaks
3 min
Reading & resourcesStart here

Obviously Awesome

April Dunford's method for positioning — the highest-leverage marketing work.

#positioning#marketing
3 min
Reading & resources

The Mom Test

How to talk to customers so they tell you the truth instead of being nice.

#customer-research#validation
3 min
Reading & resources

The Pragmatic Programmer

Still the best book on the habits that separate working code from good code.

#craft#habits
3 min
Reading & resources

Zero to Sold

The full lifecycle of a bootstrapped business, from idea to acquisition.

#bootstrapping#exit
3 min
Reading & resources

Hacker News

Where technical launches get judged honestly. Also a great validation signal.

#news#launch#feedback
3 min
Reading & resources

Indie Hackers

Revenue-transparent founder stories and a community that answers questions.

#bootstrapping#founders
3 min
Reading & resources

Product Hunt

Launch platform and a daily read on what people are actually building.

#launch#distribution
3 min
Reading & resources

Frontend Masters

Deep workshop-style courses taught by people who build the tools.

#courses#frontend
3 min
Reading & resources

Karpathy — Intro to LLMs

The clearest free explanation of how large language models actually work.

#llm#fundamentals#video
3 min
Reading & resources

Lovable Academy

Official templates, starter packs and structured lessons for building with Lovable.

#lovable#templates#learning
3 min
Reading & resources

Lovable on YouTube

Official channel with build-alongs, feature demos and workshop recordings.

#lovable#video
3 min
Reading & resources

MicroConf Talks

Bootstrapped SaaS talks on pricing, churn, positioning and staying small.

#saas#bootstrapping#pricing
3 min
Reading & resources

The Odin Project

Free, project-based full-stack curriculum that actually finishes what it starts.

#curriculum#full-stack
3 min
Reading & resources

Type Challenges

Puzzle your way to real TypeScript fluency, from beginner to genuinely hard.

#typescript#practice
3 min
Reading & resources

YC Startup School

Free structured course covering idea, MVP, users, growth and fundraising.

#course#startups#mvp
3 min
Reading & resources

Ahrefs Blog

Data-backed SEO tutorials — keyword research, backlinks, content strategy.

#seo#content#growth
3 min
Reading & resources

AI Engineering Reading: Evals

Hamel Husain's field notes on evaluating LLM features instead of guessing.

#evals#quality#llm
3 min
Reading & resources

GitHub Actions Docs

CI/CD, scheduled jobs and release automation in YAML next to your code.

#ci-cd#automation
3 min
Reading & resources

Google Search Central

The primary source for technical SEO: crawling, indexing and structured data.

#seo#structured-data
3 min
Reading & resources

Lovable Documentation

Official docs covering prompting, integrations, deployment and troubleshooting.

#lovable#docs
3 min
Reading & resources

Lovable Guides

Step-by-step walkthroughs for common build patterns and integrations.

#lovable#guides
3 min
Reading & resources

MDN Web Docs

The reference for HTML, CSS, JavaScript and browser APIs. Always correct.

#web#docs#javascript
3 min
Reading & resources

Model Context Protocol

The open standard for wiring tools, data and agents together. Spec plus SDKs.

#mcp#agents#protocol
3 min
Reading & resources

OpenAI Cookbook

Runnable recipes for embeddings, function calling, RAG and evaluation.

#recipes#rag#api
3 min
Reading & resources

OWASP Top 10

The ten failure modes that break most apps. Read before you ship auth.

#security#checklist
3 min
Reading & resources

Paul Graham Essays

The canon. Start with 'Do Things That Don't Scale' and 'How to Get Startup Ideas'.

#essays#ideas
3 min
Reading & resources

Prompt Engineering Guide

Open, well-maintained reference on prompting techniques with worked examples.

#prompting#reference
3 min
Reading & resources

React Docs

The rewritten React docs — hooks, effects and mental models explained properly.

#react#docs
3 min
Reading & resources

Refactoring Guru

Design patterns and refactorings with clear diagrams and code in many languages.

#patterns#refactoring
3 min
Reading & resources

roadmap.sh

Opinionated learning paths for front-end, back-end, DevOps and AI roles.

#learning#roadmap
3 min
Reading & resources

Stripe Guides

Clear write-ups on incorporation, pricing, taxes and running an internet business.

#incorporation#pricing#tax
3 min
Reading & resources

System Design Primer

Scalability concepts, trade-offs and interview-grade examples, all open source.

#architecture#scalability
3 min
Reading & resources

TypeScript Handbook

Official guide to types, generics and the compiler options that matter.

#typescript#types
3 min
Reading & resources

web.dev

Google's guidance on performance, Core Web Vitals and modern web capabilities.

#performance#web-vitals#seo
3 min
Reading & resources

Y Combinator Library

Thousands of essays and talks on starting, funding and growing companies.

#startups#fundraising#advice
3 min
Reading & resources

First Round Review

Long-form operational advice on hiring, leadership and early company building.

#operations#leadership
3 min
Reading & resources

Lenny's Newsletter

Product, growth and go-to-market playbooks from operators who ran them.

#product#growth
3 min
Reading & resources

Stratechery

Ben Thompson on tech strategy and business models — sharpens your positioning.

#strategy#analysis
3 min
Reading & resources

Lovable Founder Starter Pack

Ready-made templates for the first things a founder needs: CRM, landing page, proposal generator.

#lovable#templates#founders
3 min
Reading & resources

shadcn/ui

Copy-paste React components you own outright, built on Radix and Tailwind.

#components#react#tailwind
3 min
Ship & ScaleStart here

Backend beyond the UI

If your app stores data, sends email or has users, it needs a backend. Plan it while you design so the frontend does not lie about what is possible.

Intermediate#Backend
4 min
Ship & Scale

Databases, auth and RLS

Supabase gives you auth, tables and storage in one place. The part most builders miss is Row Level Security: decide who can read and write before you ship.

Intermediate#Backend
4 min
Ship & Scale

APIs and webhooks

Your app does not have to build everything. Connect to existing services over HTTP, and use webhooks to react to events that happen somewhere else.

Intermediate#Integrations
4 min
Ship & Scale

Custom domains

A custom domain is trust. Set it up early, test redirects, and keep DNS simple so publishing stays boring instead of stressful.

Beginner#Domains
3 min
Ship & Scale

SEO & GEO metadata

Titles, descriptions and preview images tell search engines and social platforms what your page is about. Set them per route and test the preview.

Beginner#SEO & GEO
4 min
Ship & Scale

Analytics basics

Track the actions that matter without drowning in data. Pick a few events, keep them privacy-friendly, and use them to decide what to build next.

Beginner#Analytics
3 min
Ship & Scale

Email automation

Email is still the most reliable channel for onboarding and re-engagement. Separate transactional messages from marketing sequences and automate both.

Intermediate#Email Automation
4 min
Ship & Scale

Chatbots and AI features

Add conversational interfaces when a form would be too rigid. Keep context small, set expectations, and always give the user an escape hatch.

Intermediate#Chatbots and AI Features
4 min
Ship & Scale

UI performance and responsive patterns

Fast, responsive UI comes from the prompt. Ask for lazy loading, sensible breakpoints, and components that stay usable on every screen size.

Intermediate#UI / UX & Optimization Prompts
4 min
GuidesStart here

AI App Builders Do More Than Build Apps

Modern AI app builders analyse your files, run real calculations and generate reports, decks and invoices you can download. Here's what that unlocks.

Beginner#Guide#No-code development#Beginner
11 min
Guides

Starting Guide: No-Code Development

Learn no-code development from scratch: what it is, why it's worth learning, and a simple 3-phase method to build your first working app without writing code.

Beginner#Guide#No-code development#Beginner
9 min
Guides

How to Write Prompts for AI App Builders

Learn how to describe your app so an AI builder gets it right: what to put in your first prompt, how to refine the result, and the mistakes that waste time.

Beginner#Guide#No-code development#Beginner
10 min
Guides

SEO and GEO for No-Code Websites

What SEO and GEO actually mean, which parts your no-code platform handles for you, and the handful of things you still have to do yourself to get found.

Beginner#Guide#No-code development#Beginner
12 min
Guides

What Is DESIGN.md?

DESIGN.md is a design system file AI agents read to build consistent UI. The two-layer format, the token schema, all 8 sections, and the official CLI explained.

Intermediate#Guide#No-code development#Intermediate
20 min
Guides

Website Sections and UI Elements Explained

A plain-language dictionary of every part a website or app is built from: sections, forms, tables, overlays and states, so you can name what you want.

Beginner#Guide#No-code development#Beginner+1
25 min