PLUGINS & ORCHESTRATION

ai-kanban-board

AI Agent Orchestration Kanban Board. Dual-platform: a Next.js web app with Mission Control aesthetic and a Go TUI with vim bindings. Agents auto-advance cards through pipeline columns.

Platforms

Templates

634 KB

Size

Dec 2025

Created

Project Overview

A kanban board purpose-built for orchestrating AI agents. Unlike traditional project boards, each column can have an AI agent assigned to it with custom step prompts. Cards auto-advance through the pipeline as agents complete their work -- from planning to implementation to review.

Built as both a full-featured web application (Next.js with a Cyberpunk Terminal / Mission Control aesthetic) and a terminal TUI (Go with Bubbletea), the project demonstrates dual-platform development with shared conceptual architecture but platform-native implementations.

Tech Stack

TypeScript 83% Go 13% CSS 3%

Next.js 16

Framework

React 19

UI Layer

TypeScript

Type Safety

Tailwind v4

Styling

shadcn/ui

Components

@dnd-kit

Drag & Drop

Framer Motion

Animations

Zustand

State

Recharts

Charts

Graphology

Graph Data

Bubbletea

TUI Framework

Lipgloss

Styling

Bubbles

Components

Vim Bindings

Navigation

Mouse Support

Drag & Drop

Beads

Issue Tracking

Architecture

Backlog → Planning → In Progress → Review → Done

Backlog 3

Setup auth module

Add dark mode

Write tests

Planning 1

API endpoints

agent: planner

In Progress 2

User dashboard

agent: coder-1

Database schema

agent: coder-2

Review 1

agent: reviewer

Done 2

Project scaffold

CI/CD setup

Cards auto-advance as agents complete work in each column

Key Features

Command Bar

Live agent status display with search, filtering, and quick actions. See which agents are active and what they are working on.

Web + TUI

Column Agent Assignment

Assign an AI agent to any column with custom step prompts. The agent processes cards and advances them automatically.

Web

Auto-Advance Pipeline

Cards flow through the pipeline as agents complete their work. No manual dragging required for automated workflows.

Web + TUI

Drag & Drop

Full @dnd-kit drag and drop on web, mouse-based drag in the TUI. Reorder and move cards between columns.

Web + TUI

Vim Bindings

Navigate the TUI with hjkl, select with Enter, quick-switch columns with number keys. Full keyboard-driven workflow.

TUI

Cyberpunk Aesthetic

Mission Control / Cyberpunk Terminal visual theme with glass effects, neon accents, and dark-mode-first design.

Web

Template Boards

Simple

3 columns

Standard

5 columns

Feature Dev

Development pipeline

Bug Fix

Triage to resolution

Full Pipeline

End-to-end workflow

Documentation

Write, review, publish

Stats

Platforms (Web + TUI)

Template Boards

634 KB

Repository Size

10+

Libraries Used

Lessons Learned

Dual-platform development (Web + TUI) -- sharing conceptual architecture while building platform-native UIs with completely different tech stacks
Drag-and-drop in both paradigms -- @dnd-kit for the web, mouse events in Bubbletea for the terminal, same mental model
AI agent workflow visualization -- making the invisible work of AI agents visible through pipeline columns and status indicators
Cyberpunk aesthetic as functional design -- glass effects and neon accents are not just decoration, they create visual hierarchy in information-dense dashboards