v0
v0 can call your own MCP server during a generation. Use that to get a stack and a task list, then let v0 design and code the next slice. The app it writes cannot call the server on its own.
How v0 uses an MCP server
v0 has two MCP paths. Marketplace integrations, such as a database from the Vercel Marketplace, are installed on the project. Bring-your-own servers are added from the prompt box: open the plus menu and choose MCPs. Vibe Coding Plan is the second path. It is not a Vercel Marketplace preset.
v0's docs are specific about the boundary. The MCP tools are available while v0 generates a reply. The code v0 writes does not receive those tools. If the site you are generating must talk to an API at runtime, put that secret in v0 environment variables and ask v0 to call the API from server code. Do not expect a button in the generated UI to invoke plan_coding_project.
v0 also separates availability from approval. For a custom server, enabled means the tools can be considered. The chat's Ask, Auto, or Full mode still decides whether a call runs, asks you first, or is blocked. Start on Ask. create_project writes a project on your Vibe Coding Plan account, so you want to see that call before it runs. Move to Auto after the first plan looks right.
A custom server can add to the cost of a message because v0 may call it while thinking. Leave it disabled on visual tweaks. Enable it when the prompt is "what should we build" or "save this scope".
Server URL and token
App builders such as Lovable talk to a public HTTPS address. They cannot launch the local npx vibe-coding-plan-mcp process used by Claude Desktop and Cursor. Point them at the hosted server and send the personal token from your account.
Server URL · streamable HTTP · not SSE
https://vibecoderplanner.com/mcp
Create the token at API Tokens after you sign in. Copy it once. The dashboard will not show the secret again.
The token lasts 30 days. When calls start returning unauthorized, create a new token and paste it into the connector again. Revoke the old one.
Do not choose OAuth, MCP OAuth, or "Add & authorize" for this server. That sign-in path is set up for ChatGPT. These builders need the API token.
Paste the token alone when the field is labeled bearer token or API key. If the form asks for a header, set the name to Authorization and the value to Bearer plus the token, with one space between them.
The connection lets the builder chat read and create your projects. It does not put the token into the app you publish. If the shipped app must call Vibe Coding Plan, that is a separate server-side integration, and the token stays in an environment variable.
What the server can do from chat
These are the tools on the hosted server at https://vibecoderplanner.com/mcp. The builder calls them when your message needs a plan, an estimate, a stack, or a saved project. You do not run them by hand.
plan_coding_project
Breaks a named idea into tasks. Each task comes back with a title, a description, estimated hours, and the titles of tasks that should happen first. The reply also includes total hours. A free account receives a short demo plan and is_demo is true. A paid account receives a generated breakdown of the description you sent.
estimate_project
Same planning pass, summarized as total hours, a complexity label (Low, Medium, High, or Very High), and the task titles as phases. Use this when you want a size check before you ask the builder to start coding.
suggest_tech_stack
Returns one recommendation each for frontend, backend, database, and hosting, plus a short reason. It uses your description and any preferences you pass, such as "Laravel" or "mobile".
list_projects
Lists up to 20 projects on the signed-in account: id, name, description, and task count. Pass query when you want a name filter.
get_project_tasks
Loads one project you own. You pass project_id from list_projects. The reply includes each task id, title, description, status, and estimated hours.
create_project
Creates a project on your account. name is required. description is optional. Set generate_plan to true to save a task list on that project in the same call. Saved tasks store the title, description, hours, and dependencies. The long coding prompt for a task is filled when you generate the plan in the Vibe Coding Plan app.
Configure the server in v0
Open MCPs from the prompt
In the v0 prompt form, open the plus menu and select MCPs. Choose the option to configure a custom MCP server, not a preset such as Notion or Linear.
Set the URL
Enter the hosted URL that ends in /mcp. v0 speaks to remote HTTP servers. There is no JSON file on your laptop for this connection.
Choose Bearer Token
v0 offers No Auth, Custom Headers, Bearer Token, and OAuth. Pick Bearer Token and paste the API token. No Auth will 401. OAuth will not complete. Use Custom Headers only if you would rather set Authorization yourself to Bearer plus the token.
Enable it for this chat
Save, then make sure the server is enabled. A disabled custom server is invisible to the generation, and no permission mode can call a hidden tool.
Set the permission mode
Use Ask for the first session so create_project waits for you. Full skips allow and deny rules. You do not need Full to plan a page.
Confirm with a read
Send: Use the Vibe Coding Plan MCP server and list my projects. Approve the tool call. Then continue with a plan.
Example: a podcast waitlist site
The job is a marketing site for a podcast tool: a hero, three feature blocks, a waitlist form, and a thank-you state. v0 is good at that page. The MCP server is there so the waitlist does not quietly grow into billing, teams, and a studio editor.
Stack. "Use Vibe Coding Plan suggest_tech_stack. The product is a marketing site and email waitlist. Preferences: Next.js and Vercel. Do not generate the page yet. Quote the four recommendations." If the database row is heavier than a waitlist needs, say "keep the database for emails only" in the following message. The advisor will not argue with a preference you already stated.
Plan and save. "Use Vibe Coding Plan. Create a project named Podcast Waitlist. Description: one marketing page, email capture, and a success state. No user accounts. generate_plan true." Approve the tool. Read the task titles. If you are on a free account and is_demo is true, the titles are the sample plan, not this site. Say that out loud in the chat and continue with your own three tasks: page layout, form, success state.
Generate the page from one task. "Build only the task that covers the marketing page and the waitlist form. Use the description from the plan. Do not add accounts." v0 writes the UI. The MCP server is not called again unless you ask it to load the tasks.
Later, "Use Vibe Coding Plan get_project_tasks for the Podcast Waitlist project id and tell me which tasks are still todo." You get status from the saved project. v0 still cannot mark a task done inside the generated website. Update the board in the Vibe Coding Plan app, or ask the chat to read the list again after you change it there.
Questions
Can the waitlist form call the MCP server? No. Runtime calls belong in server code with an environment variable, and this planning server is the wrong API for storing emails.
Why did v0 ask before creating the project? Ask mode is doing what you set. Approve create_project when the name and description match the product.
I picked OAuth and the window failed. Remove that connection and add it again with Bearer Token. This server's OAuth client is for ChatGPT.
Does a Marketplace database integration replace this? No. A database integration lets v0 inspect that database. This server plans work and stores projects on Vibe Coding Plan.
Turn any idea into a fully planned, code-ready project in minutes. Vibe Planner uses AI to break your concept into tasks, generate developer prompts, and execute them automatically.
Start Building FreeNo credit card required
Describe your idea and get a structured plan with tasks, milestones, and technical decisions in seconds.
Each task comes with optimized prompts for Cursor, Copilot, or any AI coding tool you use.
AI agents write code, create branches, and open Pull Requests on your GitHub repo — hands-free.
Track progress with a visual board. Drag tasks between columns, edit details, and stay organized.
React, Next.js, Laravel, Django, Flutter, and more. AI plans are tailored to your stack.
Turn any idea into a fully planned, code-ready project in minutes. Vibe Planner uses AI to break your concept into tasks, generate developer prompts, and execute them automatically.
Start Building FreeNo credit card required
Describe your idea and get a structured plan with tasks, milestones, and technical decisions in seconds.
Each task comes with optimized prompts for Cursor, Copilot, or any AI coding tool you use.
AI agents write code, create branches, and open Pull Requests on your GitHub repo — hands-free.
Track progress with a visual board. Drag tasks between columns, edit details, and stay organized.
React, Next.js, Laravel, Django, Flutter, and more. AI plans are tailored to your stack.