Kanban Board

v0v0kanbanproject-managementdrag-and-drop

v0 prompt for a Kanban board with drag-and-drop, task cards, filtering, and detail side panel.

Prompt

Create a Kanban board component with:

## Board Layout
- Horizontal columns: To Do, In Progress, In Review, Done
- Column headers with task count and "Add Task" button
- Cards draggable between columns (drag and drop)
- Smooth drag animation with visual drop zone indicator

## Task Cards
- Title (editable inline on click)
- Priority indicator: 🔴 High, 🟡 Medium, 🟢 Low
- Assignee avatars (up to 3, with +N overflow)
- Due date badge (red if overdue)
- Label tags (Feature, Bug, Enhancement) with colors
- Subtask progress: "3/5 subtasks"
- Comment count icon

## Features
- Add new column with custom name
- Add new task with modal: Title, Description, Priority, Assignee, Due Date, Labels
- Filter tasks by: assignee, priority, label
- Search across all cards
- Column collapse/expand toggle
- Card click opens detail view in side panel

## Detail Side Panel
- Full task title and description (markdown support)
- Assignee selector
- Due date picker
- Label management
- Subtask checklist
- Activity log / comments

Use shadcn/ui components. Clean design with subtle card shadows. Responsive — stack columns vertically on mobile.

What you get when you save this prompt

Your workspace unlocks powerful tools to iterate and improve.

AI OPTIMIZE

AI Optimization

One-click improvement with structure analysis and pattern suggestions.

VERSION DIFF

Version History

Track every edit. Compare versions side-by-side with word-level diffs.

ORGANIZE

Development

Code Review

Testing

Marketing

Folders & Tags

Organize your library with nested folders, tags, and drag-and-drop.

MCP

$ npm i -g @promptingbox/mcp

Claude · Cursor · ChatGPT

Use Everywhere

Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.

Your prompts, organized

Save, version, and access your best prompts across ChatGPT, Claude, Cursor, and more.