VS Code / Cursor Plugin
Manage your projects, browse tasks, copy AI prompts, and track progress with a Kanban board — all without leaving your editor.
What Is an IDE Plugin for AI Development?
An IDE (Integrated Development Environment) plugin extends your code editor with additional functionality. In the context of AI-assisted development, an IDE plugin brings your project management, task tracking, and AI prompts directly into the editor where you write code — eliminating the need to switch between a browser dashboard and your coding environment.
Context switching is one of the biggest productivity killers for developers. Every time you leave your editor to check a task description, copy a prompt, or update a status, you lose focus. Studies show it takes an average of 23 minutes to fully regain concentration after a context switch. An IDE plugin keeps everything within arm's reach.
The Vibe Code Planner plugin for VS Code and Cursor gives you your full project tree, Kanban board, AI prompts, and task management inside your editor. Browse tasks, copy prompts, drag cards between columns, and create new tasks — without ever opening a browser tab.
Why an IDE Plugin Matters
AI-assisted development creates a new workflow: read task → copy prompt → paste into AI → review code → update status → repeat. Without an IDE plugin, each step involves switching between your editor and a web browser. Here's why keeping everything in one place matters:
Zero Context Switching
Your tasks, prompts, and Kanban board live in your editor sidebar. See your next task, copy the prompt, paste it into Cursor's AI chat, and mark it done — all without leaving VS Code.
Faster Prompt-to-Code Cycle
The AI-assisted workflow is: read task → copy prompt → execute → review. When the prompt is one click away in your sidebar, the entire cycle takes seconds instead of minutes of tab switching.
Real-Time Sync Everywhere
Changes in the plugin sync instantly to the web dashboard and vice versa. Update a task status in VS Code and your team sees it on the web immediately. Work from whichever interface suits the moment.
Accessible to Your Whole Team
Not everyone on a team uses the same workflow. Developers can use the VS Code plugin while project managers use the web dashboard. Both see the same real-time data.
How It Works
Install the Extension
Search for "Vibe Code Planner" in the VS Code / Cursor extensions panel, or install directly from Open VSX.
Connect Your Account
Open the Command Palette (Cmd+Shift+P) → "Vibe Code Planner: Open Settings". Click "Open Token Page" to grab your API token, paste it in, and click "Save & Connect".
Start Building
Your projects and tasks appear in the Explorer sidebar. Browse tasks, copy AI prompts to clipboard, open the Kanban board, and update statuses — all inside your editor.
What You Can Do
📋 Project Tree View
See all your projects and tasks in a sidebar tree. Expand a project to view every task with its status, estimated hours, and whether it has an AI prompt attached.
📊 Kanban Board
Open a full Kanban board for any project in a VS Code tab. Drag and drop tasks between To Do, In Progress, and Done columns in real time.
📝 One-Click Prompt Copy
Each task has an AI prompt ready to use. Click the copy icon and paste it straight into Cursor, ChatGPT, or your terminal — no browser needed.
✏️ Create & Edit Tasks
Add new tasks, edit descriptions, change statuses, or delete completed ones from the right-click menu or inline buttons. Changes sync instantly with your web dashboard.
➕ Create Projects
Start a new project directly from VS Code with the + button. Give it a name and description, and it's ready for task planning on both the plugin and the web app.
🔄 Real-Time Sync
Everything syncs with your Vibe Coding Plan account. Update a task in the plugin and it reflects on the web dashboard instantly. Your team always sees the latest state.
Available Commands
Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and search for:
Why Use the Plugin?
Stay in Your Editor
View your next task's AI prompt and copy it directly into Cursor or your terminal without switching to the browser. Zero context switching.
Track Progress Visually
Open the Kanban board in a VS Code tab and drag tasks between columns as you finish them. See exactly where your project stands at a glance.
Faster AI Workflow
Each task comes with a ready-to-use prompt. Click copy, paste into your AI tool, and start coding — the plugin makes the prompt workflow seamless.
Everything in Sync
Any change you make in the plugin is reflected on the web dashboard instantly. Work from the editor, check progress from the browser — it's all connected.
REST API for Custom Integrations
Beyond the plugin, use the same API to build your own integrations — CI/CD pipelines, Slack bots, custom dashboards, or automation scripts. Authenticate with a personal API token from Dashboard → API Tokens.
Projects
Tasks
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.
Don't have an account yet? Sign up free to get started.