Vibe GuideBETA

Use this reference during technical planning to state constraints and ask AI to explain its recommendation before continuing the plan.

Does this method fit your project, and how can you check?
When would you use this method?
After scope and key interactions are clear.
How should you choose for your situation?
Identify storage, users, sharing, essential capabilities, budget and upkeep; assess continuing an existing project first.
What is easy to misunderstand?
A recommendation is not a validated design; do not add servers, login, Docker or databases for nonexistent requirements.
How can you check that this works for your project?
Validate the hardest capability with a small trial, then record costs, limits and the confirmed choice in docs/design.md.
Try with this project: fill material and prepare the task

Handle this decision only

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

Return to the action with the result →

TECH STACK

Choosing a stack

A stack is the set of technologies and services used to build and run a product. Describe the task, then ask AI to recommend and validate a fit.

An AI assistant builds → a stack forms the product → hosting stores or runs it. Confirm each role and cost separately.

Answer these questions before comparing technologies

No result yet. Unknowns are not treated as satisfied requirements.

What can each option do, and what does it require?

Official capability sources checked on 2026-09-23. Suitability is this guide’s assessment. Verify current prices, device compatibility, and account requirements before building.

Astro

Content-led websites with interactive parts where needed.

What limits does this option have?Shared reservations or account data require server and storage services beyond static pages.

What might you need to pay for?Domain and hosting; additional services add compute and storage costs.

Official documentation ↗
React + framework

Web tools with frequent input, filtering, and state changes; ask AI to verify a specific framework.

What limits does this option have?React handles interfaces; accounts, databases, and hosting require separate decisions.

What might you need to pay for?Hosting, server, storage, and third-party services depending on the chosen setup.

Official documentation ↗
React Native + Expo

A candidate for installed Android or iPhone apps after gaining Web experience.

What limits does this option have?Verify device features, offline persistence, builds, and distribution on target hardware.

What might you need to pay for?Development devices, optional cloud builds, platform accounts, and runtime services.

Official documentation ↗
Tauri

Installed desktop tools using web interfaces and explicitly permitted system capabilities.

What limits does this option have?Verify system features, packages, and signing on each target OS; use copies of source files.

What might you need to pay for?Target hardware, signing, distribution, updates, and optional servers.

Official documentation ↗
Prepare your requirements for AI to check

Ask AI to verify and recommend

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

Resolve uncertainty

Two assistants recommend different stacks

Give both the same requirements, budget, and target devices. Different assumptions → align the inputs. Same assumptions → ask for prototypes of the same core flow and compare observed behavior, costs, and upkeep. Popularity is not validation.

Unclear whether a backend is needed

Public content only → consider pages without persistence. Data on one device → review loss and export risks. Shared or restricted data → ask AI for storage and access rules, then test two identities.

Next: create a trackable build plan →

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.