Vibe GuideBETA

Plan development and tests

A task list names the next job, prerequisites and completion check.

What will you have after this node?
The next task and its passing check are clear.
Why this milestone?

Split development into small tasks you can inspect as they finish.

Start here1 step · Follow in order

0101Ask AI for the next small taskTo checkOpen this stepClose this step
Small tasks
One at a time
Write how to check each completed task
Illustration · not an app screenshot

01What do you need, and what should you keep?

What do you need before starting?

Your agreed requirements, page draft and technology choices.

What should you keep for the next step?

The next task and its passing check are clear.

Which files should AI read and save in this step?

In your tool’s project chat, ask it to open the files below. If a file is missing, follow the link back to the step that creates it.

Ask AI to read these materials first: docs/requirements.md · docs/stories.md · docs/design.md

Ask AI to save the result to: tasks/todo.md

Missing these materials? Return to the step that creates them →

02What will this step help you do?

Split development into small tasks you can inspect as they finish.

Understand it, then judge for yourself

What does this concept mean?

A task list names the next job, prerequisites and completion check.

How would you decide in a different situation?

What can be opened or used after the first task?

See a reference answer

Name its entry, action and result from the task criteria. Vague infrastructure tasks need inspectable outputs.

Answer in your own words; if unsure, compare the explanation above and check it against your own project.

03What exactly should you do in this step?

OpenClose

tasks/todo.md in the project

Send one action at a time: select and copy its prompt (⌘C on Mac, Ctrl+C on Windows), switch to your tool’s project chat, paste it, replace bracketed fields and send. Wait for the reply and check the stated result before continuing.

  1. Ask for an ordered list of small development tasks.OpenClose

    Suggested prompt:

    Read requirements, docs/stories.md and docs/design.md. Break development into small tasks, each with prerequisites, files/features and a personal test. Show the plan without coding.

    Afterwards, you should see: The first task is clear and later tasks have an order.

  2. Check that all required features are planned and save.OpenClose

    Suggested prompt:

    Save confirmed tasks to tasks/todo.md with requirement IDs and not-started status.

    Afterwards, you should see: The next task and its passing check are clear.

Practice: personal journal (frontend + backend + database)

Use the same learning-journal project throughout this example. For your own project, compare applicable requirements without creating another project.

Plan environment, page, database setup, backend API, connection, failures, restart and acceptance as separate tasks.

What should you see after this step?
Every task has files, dependencies and personal checks; persistence has an explicit task.
What should you do first if you get stuck?
Split a vague backend task into table setup, API and page connection so each can be checked.

04Not sure how? Follow each action

OpenClose
  1. Ask for an ordered list of small development tasks.

    What should you see after this action?
    The first task is clear and later tasks have an order.
    What should you do if that result is missing?
    Split tasks further if the first one is the whole project.
  2. Check that all required features are planned and save.

    What should you see after this action?
    The next task and its passing check are clear.
    What should you do if that result is missing?
    Add missing essential features to the plan now.

05Words in this step

OpenClose

Development plan ↗

Requirements divided into ordered tasks with deliverables.

Wire before painting, with a check at each stage.

Dependency ↗

External software required to build or run a project.

Cooking requires ingredients and equipment.

06How should you handle a problem here?

OpenClose

The first task just says “build frontend”

Where should you look to understand the problem?
What can actually be opened after this task?
Follow these steps to resolve the problem
Ask AI to split it into showing a title and field, rejecting blank saves, and showing a saved record.
Expected recovery
The first item has one observable outcome.

Not listed? Ask AI to investigate

Edit the template with actual material, confirm, then copy into the current project conversation. Mark unknowns as undecided and replace examples as needed.

07Material for this step (fill or copy)

OpenClose

If you completed the individual prompts above, do not resend this full template. Use it to organize this step’s material when needed; replace bracketed fields, confirm and copy into the project chat.

Prompt template for this step

Edit the template with actual material, confirm, then copy into the current project conversation. Mark unknowns as undecided and replace examples as needed.

Journal practice: fill or supplement this step

For this full-stack practice only: use this combined prompt, fill its fields and send it once instead of also sending the generic template. It does not authorize later steps.

Full-stack practice: this step

Edit the template with actual material, confirm, then copy into the current project conversation. Mark unknowns as undecided and replace examples as needed.

08Check this before continuing

An ordered list distinguishes pending, awaiting checks, and completed tasks.

09What should you do if the expected result is missing?

OpenClose

Split tasks further if the first one is the whole project.

Compare with an example (illustration, not your result)
R02 cancellation → T04 implement it → test: release one place once; repeated cancellation releases no more.

Words in this milestoneIn order of appearance; open for the full explanation

More troubleshooting references

Stuck? Start with what actually happens

2 situations

These paths synthesize official docs and public reports, not frequency data. Check the symptom and verify the result.

Tasks are too vague

Observed symptom: “Complete frontend” does not identify a next action or finish line.

  1. What should you check first?

    Check each task for inputs, one output, and a verification action.

  2. Then resolve

    Split work into independently demonstrable steps and list dependencies. Start only the first ready item.

  3. Verify the result

    Each task names a visible result and pass criteria.

Send this to AI for help

Edit the template with actual material, confirm, then copy into the current project conversation. Mark unknowns as undecided and replace examples as needed.

ReferencesGitHub · Planning and tracking work ↗

A new chat loses project progress

Observed symptom: AI repeats edits or skips unfinished tasks.

  1. What should you check first?

    Read tasks/todo.md, Git status, and the last verification record.

  2. Then resolve

    Record completed work, current work, blockers, next item, and relevant files. Restate this before continuing.

  3. Verify the result

    A fresh chat resumes from recorded evidence.

Send this to AI for help

Edit the template with actual material, confirm, then copy into the current project conversation. Mark unknowns as undecided and replace examples as needed.

ReferencesGitHub · Planning and tracking work ↗Claude Code · Project instructions ↗

References for this milestone

Open these when the question arises; they are not extra required actions.

Look up this milestone’s terms →
My project material and backups

Material stays in this browser, not in project files or AI chat. Chinese and English template drafts are separate; project selection and progress are shared. Do not enter passwords or API keys here.

Includes idea, progress, template drafts, personal checks and selection conditions, but not project code. Restore creates a new draft and preserves existing projects.

Download/import unavailable? Restore backup text

Draft and progress stay in this browser.

Complete the actions in order; expand the matching checks and remedies if you get stuck.

Find the starting point

Module shortcuts

What people build · AI revenue research · 50 ideas · GitHubComplete roadmap · idea to releaseWrite down the ideaI only know I want a websitePrepare a project briefUnsure how to describe the first flowOpen an AI tool that can edit filesInstallation, sign-in, or the screen differsCreate a folder for the projectDocuments or the folder is missingOpen that folder in the AI toolAI names a different projectCreate Git history and project instructionsCommit fails or asks for identityInspect a file AI actually createdPrevious files are missingAnswer one question at a timeAI asks about unfamiliar technical termsChoose only this version’s essentialsReducing scope left only a pictureKeep the agreement in plain languageThe document is too long to reviewDescribe how people will use itAI lists features without a user flowReview a key screen before buildingThe prototype may use simulated behaviorLet AI choose from actual conditionsI do not know local versus shared storageAsk AI for the next small taskThe first task just says “build frontend”Check the runtime and start the projectInstallation or startup failsOpen the first page of the projectThe preview will not openAdjust this page onlyA visual edit changed other behaviorMake Save retain real contentCannot save, or records vanish on refreshFinish the whole flow onceThe button responds but nothing happensTry blank input and repeated clicksBlank or duplicate records appearReopen it after stoppingThe address fails the next dayCheck it against the original ideaAI says done, but I cannot use itRecord the trial feedbackThe issue happens intermittentlyPlan the fix and its passing checksAI starts fixing without a planFix according to plan and hand back for retestingThe same action still fails after a claimed fixChoose: personal use or sharingThe shared local link does not openAssess readiness for deliveryReadiness is claimed without evidencePrepare and try the deliverableInstaller or deployed application failsApprove delivery and verify the real entryIt opens locally but not for othersOptional: publish a simple page on GitHub PagesThe public URL returns 404Continue next time without starting overAI wants to start over in a new chatChoose a tool · Codex Claude Cursor Qoder TRAE Kimi pricingHomeProject typesTalking to agents · prompts and troubleshootingChoosing a stackFrontend & UI · component dictionaryGlossary · AI and development · examples and diagramsOpen the tool and verify project accessPrepare the project, version history, and AI rulesDescribe the intended interface styleHelp AI change exactly one targetBackend: storage and accessTesting: check that it worksDeployment: deliver a real entry pointMaintenance: keep the product usableWebsites & web apps · The idea, one link away.Mini programs · Build where the users already are.Mobile apps · Turn a good idea into an everyday app.Desktop apps · Make a tool for repetitive tasks.

A practical guide for beginners

This bilingual practical guide has 6 stages, 18 milestones and 31 actions. App illustrations are examples; users verify their own project results.