Made
Crystal ClearBrowse series

Lovable Made Crystal Clear · chapter 1: The vibe coding moment

The loop

2026-08-27

Figure 1.1 is the machine in one picture, and it is the most important figure in this book. Every later chapter zooms into one box of it: the prompting chapters into the left side, the backend chapters into the bottom middle, the security and publishing chapters into the right, the ownership chapter into the GitHub box. If you only keep one page of this chapter, keep this one.

Figure 1.1: The loop. You describe, the agent edits a real codebase, you check the preview, and you publish when ready. Credits meter the agent's work, Git sync keeps an off-platform copy, and the backend is generated alongside the app. This is the book's master schema.
Figure 1.1: The loop. You describe, the agent edits a real codebase, you check the preview, and you publish when ready. Credits meter the agent's work, Git sync keeps an off-platform copy, and the backend is generated alongside the app. This is the book's master schema.

This diagram is one of many in Lovable Made Crystal Clear.

Every chapter opens with the gist, draws the hard ideas, and ends with recipes and sources.

Get the book

More from this book

The promise and the practice

All diagrams