facebook pixel
Skip to content

workflowContext Engineering1 min read

Explore → Plan → Implement

Our take
Separate research from implementation so you stop solving the wrong problem.

A four-phase workflow built into Claude Code that prevents the most common failure mode — jumping straight to code before understanding the codebase. Use it whenever the change touches more than one file or the scope isn't obvious upfront.

On this page7 parts
  1. 01The Problem
  2. 02Phase 1: Explore
  3. 03Phase 2: Plan
  4. 04Phase 3: Implement
  5. 05Phase 4: Commit
  6. 06When to Skip Planning
  7. 07Source

The Problem

Most agentic coding failures happen in the first ten seconds — when Claude jumps straight to writing code before it understands the codebase. It solves the wrong problem, edits the wrong file, or misses a pattern your team has already established. The explore-first loop fixes that.

Phase 1: Explore

Open Plan Mode (Shift+Tab twice) and ask Claude to read relevant files without touching anything:

code
read /src/auth and understand how sessions and login work.
also check how we handle environment variables for secrets.

Claude explores without making changes. You see what it finds before it acts.

Phase 2: Plan

Still in Plan Mode, ask for a concrete implementation plan:

code
I want to add Google OAuth. What files need to change?
What's the session flow? Write a step-by-step plan.

Press Ctrl+G to open the plan in your editor and edit it directly before Claude proceeds. This is the moment to catch wrong assumptions cheaply.

Phase 3: Implement

Switch to Normal Mode and give Claude the green light — with a verification hook:

code
implement the OAuth flow from your plan. write tests for the
callback handler, run the test suite, and fix any failures.

Claude writes, tests, and iterates. You review output, not keystrokes.

Phase 4: Commit

commit with a descriptive message and open a PR.

When to Skip Planning

Planning adds overhead. Skip it for tasks where you could describe the diff in one sentence — a typo fix, a log line, renaming a variable. Use it when the change touches multiple files, the scope isn't clear upfront, or you're unfamiliar with the affected code.

Private Workshop

Want to bring AI into your Frontend workflow?

We help product teams adopt AI-powered development practices, from agent workflows to custom skills and tooling, on whichever coding agent they already run.

What happens next
  1. 01

    Tell us what you are building.

    Your stack, the AI tools you use, where you are stuck.

  2. 02

    We book a 15-minute call.

    We look at how your team works with agents today.

  3. 03

    We shape the workshop.

    Private and hands-on, on your own codebase.

0/2000

Your info stays with us. That's it.