Workflow

Make Small Changes Without Prompting the AI: A Hand-Editing Guide

Somewhere in every vibe coder's history is a prompt like "change the button text from Submit to Send." A full AI round-trip — request, credits, regeneration, review — for four words. The uncomfortable math: for a large class of small changes, describing the change to an AI takes longer than making it. Hand-editing is the missing skill, and it's much smaller than "learning to code."

The changes that are almost always DIY

  • Text — headlines, labels, button copy, contact details.
  • Colors — especially in modern projects where they live in one place (see below).
  • Links — pointing an href somewhere real.
  • Spacing and sizes — nudging a margin, padding, or font-size value.
  • Swapping content — a new image path, an updated price, reordering list items.

What these share: you can see the target, the change is one-to-one, and being wrong is instantly visible and instantly reversible.

Skill one: find it with search, not scrolling

You don't need to understand the codebase to change a headline — you need to find the headline. Search the project for the exact text you can see on screen ("Never ride on a flat"), and you land on the line that produces it. This one trick — search for what you can see — is 80% of hand-editing.

If the text appears twice, change one, look, and you'll know which was live. That's not hacky; that's empiricism.

Skill two: know where colors live

Well-structured projects (including most AI-generated ones) define colors once as variables — look for a :root block in the CSS with lines like --accent: #4ade80. Change the value there and it updates everywhere it's used. If you find a color repeated inline in many places, change them all or ask the AI to consolidate them into variables — a genuinely good use of a prompt.

Skill three: one change, one look

The professional habit that makes hand-editing safe: change one thing, look at the result, then proceed. Never batch five edits and then check — when something's off you won't know which edit did it. With instant reload, one-change-one-look is fast enough to feel like direct manipulation.

What still deserves a prompt

Logic, behavior, anything structural, anything you'd have to reason about rather than locate: that's real AI work. The dividing line is honest and simple — if you can point at it, edit it; if you'd have to understand it, prompt it. (And when code is wrong rather than just outdated, see the decision guide below.)

Where Vibe Coder Playground fits: hand-editing needs a safety net, and the Playground is built as one: edit markup, styles, and logic in place, watch the change hot-reload instantly, and export it back to your files when it's right. The one-change-one-look loop becomes seconds, and no assistant credits are involved in any of them.

Related: Fix it by hand or regenerate? A decision guide →

Related: how to manage vibe coding sessions and keep the plan in the project →