IDE Integration

Vibe Kanban provides IDE extensions that bring task management, agent monitoring, and code review directly into your development environment.

VS Code Extension

The VS Code extension is the primary IDE integration for Vibe Kanban. It provides:

• Task view in VS Code sidebar
• Real-time agent monitoring
• Code review interface
• Direct interaction with agents
• Process monitoring

Installation

1. Open VS Code
2. Go to Extensions (Cmd+Shift+X on Mac, Ctrl+Shift+X on Windows/Linux)
3. Search for "Vibe Kanban"
4. Click Install
5. The extension will automatically connect to your local Vibe Kanban instance

Features

Task Management

View and manage all your Vibe Kanban tasks directly from VS Code:

• See all tasks in the sidebar
• Create new tasks
• Start, pause, or stop tasks
• View task status and progress

Agent Monitoring

Monitor your coding agents in real-time:

• See which agents are running
• View agent logs
• Track progress on each task
• Get notifications when tasks complete

Code Review

Review agent-generated code without leaving your IDE:

• View diffs inline
• Edit code directly
• Approve or request changes
• Merge changes when ready

Process Monitoring

See running processes and system resources:

• Monitor agent processes
• View resource usage
• Identify bottlenecks

Configuration

The extension automatically connects to your local Vibe Kanban instance. If you need to configure the connection:

1. Open VS Code settings
2. Search for "Vibe Kanban"
3. Configure the connection URL if needed (defaults to localhost)

Workflow

Typical workflow with IDE integration:

1. Create a task in VS Code or Vibe Kanban
2. Assign an agent and start the task
3. Monitor progress from VS Code sidebar
4. Review code changes when task completes
5. Approve and merge from VS Code

Other IDEs

While VS Code is the primary supported IDE, Vibe Kanban can work with other IDEs through:

• Web interface (accessible from any browser)
• CLI interface for terminal-based workflows
• API for custom integrations

See CLI documentation and API reference for more options.

Tips

• Keep VS Code open while agents are running for real-time updates
• Use the task view to quickly switch between different tasks
• Review code changes immediately after tasks complete
• Use the extension alongside the web interface for best experience

Next Steps

• Install the VS Code extension
• Read the getting started guide
• Explore full documentation
• Check out the Vibe Guide for best practices