Vibe-Kanban: SUPERCHARGE Claude Code, Gemini CLI, & ANY AI CODER! 100x Coding! (Opensource)

Key Concepts

• AI Coding Agents: Gemini CLI, Cloud Code, Codeex, AMP
• Vibe Canban: Agent orchestration platform
• MCP (Machine Configuration Profile): Centralized configuration for coding agents
• Task Management: To-do, In Progress, In Review, Done
• Dev Server Management: One-click server deployment for testing
• HubSpot AI Decoded: Guide to AI models, prompts, and GPTs

Vibe Canban: Agent Orchestration Platform

Vibe Canban is presented as a platform designed to unify and enhance the capabilities of various AI coding agents. It allows users to switch between agents like Cloud Code, Gemini CLI, Codeex, and AMP, orchestrating them in parallel or sequentially.

• Key Features:

  • Agent Unification: Centralizes different AI coding agents into a single platform.
  • Parallel/Sequential Orchestration: Enables running agents simultaneously or in a specific order.
  • Real-time Task Tracking: Monitors task status with a to-do, in progress, in review, and done list.
  • Dev Server Management: Allows instant spin-up of development servers for testing.
  • Centralized Configuration: Manages agent configurations (MCPs) in one place.

• Example: The demo showcased four different tasks being AMP coded and merged in under 20 minutes.

• Functionality:

  • Assigns tasks to specific agents based on their capabilities (e.g., Cloud Code for backend API generation, Gemini CLI for project file structure).
  • Eliminates the need to switch between tabs or manually rerun commands.
  • Provides a real-time task status view.

MCP Configuration Centralization

Vibe Canban simplifies the management of Machine Configuration Profiles (MCPs) for different coding agents.

• Problem: Managing MCPs across different agents (e.g., Gemini, Cloud Code) requires configuring each one individually within JSON files.
• Solution: Vibe Canban centralizes the configuration, allowing all agents to inherit the same setup, environment variables, and tools.

HubSpot AI Decoded Guide

The video is sponsored by HubSpot, promoting their free guide, "AI Decoded."

• Purpose: To help users navigate the overwhelming number of AI tools available.

• Content:

  • Comparison of the top 10 AI models.
  • GRWC prompting framework for better results.
  • Nine must-try GPTs.
  • Advanced prompting techniques.
  • Quick reference inputs and outputs.

• Benefits: Helps users choose the right AI for specific tasks (presentations, coding, website building, content writing) and provides guidance on prompting.

Installation and Setup of Vibe Canban

The video provides a step-by-step guide on installing and setting up Vibe Canban.

• Prerequisites:

  • Node.js installed.
  • Coding agents (Gemini CLI, Cloud Code, AMP) configured. (Links provided in the description for setup).

• Installation Steps:

  1. Run npx vibe-canban in the terminal to install the necessary packages.
  2. Address any missing packages by manually installing them and rerunning the npx command.
  3. Access Vibe Canban in the browser via the provided port.
  4. Acknowledge the safety message regarding potential risks.
  5. Choose a default coding agent (e.g., Claude).
  6. Select a code editor (e.g., Cursor, Windsurf).
  7. Optionally sign in with GitHub for PR requests.

• Configuration:

  • Projects Tab: Manages and tracks project progress.
  • MCP Configurations: Sets universal configurations for coding agents.
  • Settings Tab: Customizes the system theme and configurations.

Project and Task Management

The video demonstrates how to create projects and manage tasks within Vibe Canban.

• Project Creation:

  • Use existing repositories by linking the parent directory.
  • Create a new directory from scratch.
  • Specify the Git repository path and name.

• Task Creation:

  • Add tasks with descriptions and specific file targets.
  • Deploy multiple agents to work on tasks concurrently.
  • Monitor task progress in real-time.

• Task Review and Deployment:

  • Review the diffs (changes made).
  • Approve the task.
  • Open a dev server to test the changes.

Conclusion

Vibe Canban is presented as a valuable tool for developers looking to streamline their workflow by unifying and orchestrating multiple AI coding agents. It simplifies configuration management, provides real-time task tracking, and enables parallel execution of tasks, potentially increasing productivity. The video encourages viewers to explore Vibe Canban and provide feedback for future tutorials.