VibeMap user documentation
On this page
VibeMap user documentation
Welcome. This is the user documentation for VibeMap — a walkthrough of the web app, tab by tab, so anyone (technical or non-technical) can navigate it confidently.
What is VibeMap?
VibeMap is an AI-powered project specification generator that turns a product description into a complete project plan — personas, features, user stories, acceptance criteria, pages, database schema, and file structure — in minutes. Then it hands the work off to your own AI coding agent (Cursor, Claude Code, Windsurf, VS Code Copilot) via the Model Context Protocol (MCP), so your agent can implement the spec directly in your codebase.
Looking for technical/integration docs (API, MCP server, kanban tracker reference)? See the developer docs.
Documentation overview
| Section | What you'll learn |
|---|---|
| 1 — Getting started | What VibeMap is, creating an account, your first project, prompting tips |
| 2 — Project summary & business case | The AI-generated project overview and (new) live-research business case |
| 3 — Personas | Generating and managing user personas |
| 4 — Features | Features, user stories, and acceptance criteria |
| 5 — Pages | Page outline and in-app Sandpack preview |
| 6 — Database schema | Schema generation and the interactive diagram |
| 7 — Conversational agent | Refining your project with the AI chat agent |
| 8 — Handoff to your AI agent | Connecting your IDE agent to VibeMap (replaces the legacy Export tab) |
| 9 — Account & billing | Plans, usage, API keys, and account settings |
| 10 — Teams | Multi-seat team workspaces — create, invite, manage roles, shared billing |
| 11 — Version control | Automatic change history for every edit — browse, inspect diffs, one-click revert |
| 12 — App Builder | 🚧 Admin preview — premium add-on that compiles your spec into a deployable Next.js + Supabase app |
Quick start
- Create an account
- Create your first project
- Write an effective prompt
- Let the AI generate your project specification
- Refine with the conversational agent or by editing entities directly
- Hand off to your AI agent — connect Cursor / Claude Code / Windsurf via MCP
Where to next
- New to VibeMap? Start with What is VibeMap?.
- Ready to plug your IDE agent in? Jump to Handoff to your AI agent.
- Building integrations? Open the developer docs.
Need help?
- Email: support@vibemap.ai
- In-app: Use the conversational agent to ask questions about your project, or the feedback form (bottom-right) for product issues.