Project Scaffold Planner
Turn an idea into a file tree and a build order.
- $35 Free
- 60 sec
- No signup
Describe the app and stack
Get the file tree + build order
Copy the kickoff prompt
You get: A file tree, a build order, and a kickoff prompt for Claude Code.
Describe your project
Features
File tree
my-project/
src/
main.tsx
App.tsx
pages/
components/
lib/
db.ts
styles/
tests/
example.test.tsx
public/
index.html
package.json
tsconfig.json
vite.config.ts
CLAUDE.md
.gitignore
README.mdBuild order
- Scaffold the project skeleton and get an empty app running locally.
- Add configuration: CLAUDE.md, .gitignore, and environment example files.
- Set up the database: schema, client/connection, and one seed record.
- Implement the core feature - the one thing this project exists to do.
- Add automated tests for the core feature and the critical paths.
- Write the README and do a final pass on error handling and edge cases.
Kickoff prompt for Claude Code
I want to build a React + Vite app called "my-project".
It needs these features: Database, Automated tests.
Here is the file tree I want you to create:
my-project/
src/
main.tsx
App.tsx
pages/
components/
lib/
db.ts
styles/
tests/
example.test.tsx
public/
index.html
package.json
tsconfig.json
vite.config.ts
CLAUDE.md
.gitignore
README.md
Build it in this order, and pause after each step so I can review:
1. Scaffold the project skeleton and get an empty app running locally.
2. Add configuration: CLAUDE.md, .gitignore, and environment example files.
3. Set up the database: schema, client/connection, and one seed record.
4. Implement the core feature - the one thing this project exists to do.
5. Add automated tests for the core feature and the critical paths.
6. Write the README and do a final pass on error handling and edge cases.
Start with step 1 only. Show me the file tree you plan to create before writing any code.The gap between an idea and a first commit
Most projects stall in the same place: you know what you want to build, but you do not know where the files go or what to build first. That blank-directory paralysis is real, and it is exactly where an AI coding agent should help. This planner turns a project type and a feature list into three concrete things - a recommended file tree, an ordered build plan, and a kickoff prompt you can paste straight into Claude Code. The idea in your head becomes a first commit in about a minute.
The structure it generates is deliberately conventional. It follows the folder layouts the ecosystem already expects for each stack, because conventional structure is what Claude Code writes best and what any future contributor will recognize instantly. A clever, bespoke layout costs you every time someone new opens the repo; a boring, standard one pays off forever.
Why build order matters as much as structure
A file tree tells you where things go; a build order tells you what to do first, and that sequence is where projects live or die. The plan this tool generates always front-loads a running skeleton before any feature work, because nothing kills momentum like a hundred half-written files that do not yet run. From there it layers features in dependency order: database before auth, auth before the features that need a logged-in user, tests before CI, and error-handling last as a deliberate final pass.
Get it running before you make it good
The first step is always an empty app that starts. A skeleton that runs is worth more than a feature that does not, because it gives you a place to stand and something to test against from commit one.
How the kickoff prompt is built to behave
The generated prompt does three things on purpose. It states the project and its features so Claude Code has full context. It hands over the exact file tree so the agent does not invent its own structure. And it instructs the agent to build one step at a time and pause for review, which is the single most important habit for keeping an AI build on the rails. Big-bang generation feels fast but produces code you have not read; step-by-step generation keeps you in the loop and catches wrong turns while they are cheap to fix.
- Full context up front - project type, name, and the exact features selected, so nothing is guessed.
- An explicit file tree - the agent follows your structure instead of inventing one you will have to untangle later.
- One step at a time with a pause - you review each milestone before the next begins, catching drift early.
- A CLAUDE.md in the tree - so the agent has a place to record project conventions from the very first commit.
Features change the shape, not just the count
Each feature you toggle does more than add a checkbox - it reshapes the tree and the plan. Turning on a database adds a schema, a client, and a build step to set them up. Auth adds a login route and a protected-route step that depends on the database being ready first. Payments add webhook handling. CI adds a workflow file and a step to run tests on every push. The tool encodes these dependencies so the order always makes sense: you never end up trying to build auth before the database it relies on exists.
From plan to shipped project
- Pick your project type and name, then toggle only the features you actually need for a first version.
- Read the file tree and the build order together - the tree is the map, the order is the route.
- Copy the kickoff prompt and paste it into a fresh Claude Code session in an empty directory.
- Let it scaffold step one, review, then say 'continue' for each subsequent step in the plan.
- Fill in the CLAUDE.md as conventions emerge, so later sessions stay consistent with earlier ones.
Keep the first version small
The most common mistake is checking every feature box because you might need them eventually. Resist it. The features you toggle here should be the ones your first shippable version genuinely requires, and nothing else. Payments, Docker, and CI are easy to add later once the core works - adding them on day one just slows you to your first running build. A tight scaffold you finish beats an ambitious one you abandon.
Frequently asked questions
Does this write the code, or just the plan?
It generates the plan: a file tree, a build order, and a ready-to-paste kickoff prompt. Claude Code writes the actual code once you hand it the prompt. This tool removes the blank-directory paralysis so the build can start.
Why does the file tree look so conventional?
On purpose. Standard, ecosystem-conventional layouts are what Claude Code writes best and what any contributor recognizes instantly. A bespoke structure costs you every time someone opens the repo; a boring one pays off forever.
Why build one step at a time instead of all at once?
Step-by-step generation keeps you reviewing each milestone, so wrong turns get caught while they are cheap to fix. Big-bang generation produces a pile of code you never actually read, which is where subtle bugs hide.
Should I check every feature box?
No. Toggle only what your first shippable version truly needs. Payments, Docker, and CI are easy to add later and only slow your path to a first running build if you add them on day one.
Why is there a CLAUDE.md in every tree?
So the agent has a place to record project conventions from the first commit. A tight CLAUDE.md keeps later sessions consistent with earlier ones, which is the difference between a coherent codebase and a drifting one.
Can I edit the tree before using it?
Yes - the tree and prompt are just text. Copy them, adjust anything to fit your real needs, then paste into Claude Code. The tool gives you a strong, standard starting point, not a locked template.
Liked this tool? The club is the next step.
Join Claude Code Club for $9/month. 650+ lessons, weekly updates, and the workflows behind every tool on this site.
- No experience needed
- Cancel anytime
- Updated weekly
