Vibe Kanban

Control your Vibe Kanban coding agents from within VS Code.

Prerequisites

Important: You must have Vibe Kanban installed and running before using this VS Code extension. The extension connects to your local Vibe Kanban instance to manage AI coding agents.

To get started with Vibe Kanban:

• Run npx vibe-kanban in your terminal, or
• Visit vibekanban.com for installation instructions

Features

• Agent control interface in VS Code sidebar
• Two-way communication with Vibe Kanban agents
• Real-time agent status and messaging
• Integrated VS Code theme support
• Secure Content Security Policy implementation

Configuration

• vibeKanban.serverPort: Override the Vibe Kanban server port. Set to 0 (default) to auto-detect via the port file written by the server.

On Linux, the extension checks multiple standard locations for the port file to match the server's behavior. It first looks under the system temp directory (e.g. /tmp/vibe-kanban/vibe-kanban.port) and also checks $XDG_RUNTIME_DIR/vibe-kanban/vibe-kanban.port if present.

Development

1. Install dependencies:

   npm install
   

2. Compile the extension:

   npm run compile
   

3. Run the extension:

   • Press F5 to open a new Extension Development Host window
   • The Vibe Kanban icon should appear in the Activity Bar
   • Click on it to open the agent control panel

Testing

Run tests with:

npm test

Structure

• src/extension.ts - Main extension entry point
• src/htmlSidebarProvider.ts - WebviewViewProvider implementation for agent control
• media/ - HTML, CSS, and JavaScript files for the agent interface
• .vscode/ - VS Code configuration for development

Usage

1. Click the Vibe Kanban icon in the Activity Bar
2. The agent control panel will open
3. Interact with your Vibe Kanban coding agents
4. Monitor agent status and send commands

Building

To package the extension:

npm install -g vsce
vsce package

Author: bloop AI
License: See LICENSE file