Vibe GuideBETA
中文EN

NO CODING EXPERIENCE NEEDED

Take your idea.
Vibe code a real project.

From an idea to directing AI to write development documents, then deployment. Every step includes a method, a prompt template, and checks—along with the reasoning behind it.

Start the first step →Explore the full route
What do I need before starting?

Bring an idea and a usable computer. The “Choose an AI tool” milestone helps choose a project-capable AI tool and check account access; no purchase is needed now.

This guide: methods and material → AI tool: project work and tests → your project: open and verify it personally.

Start with an idea. Technical vocabulary can come later.

01 / AN IDEA“Could this be easier?”
02 / A CLEAR BRIEFWho will use it · What problem will it solve for them?
03 / A WORKING PROJECTFrom “what if” to “it works”Build → Try → Improve
The learning journey · build at your own pace

SMALL STEPS. VISIBLE PROGRESS.

Every step, clearly mapped.

6 stages / 18 milestones / 31 actions
  1. 01

    Define the idea

    A clear project brief

  2. 02

    Prepare the workspace

    A tool and a project ready to go

  3. 03

    Turn needs into a plan

    Defined requirements and a plan

  4. 04

    Build and verify

    A first version to use

  5. 05

    Accept and repair

    A tried and improved version

  6. 06

    Deliver and maintain

    Delivery and maintenance notes

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.