Smart TODO Kanban
A visual Kanban dashboard for your inline code TODOs, FIXMEs, WIPs, and OPTIMIZE notes. Scans your workspace, groups the comments by type, and shows who last touched each line via git blame — all inside a VS Code webview.
How it works
Write tagged comments as you code — no setup, just use // TODO:, // FIXME:, // WIP:, or // OPTIMIZE: anywhere in your source files.
Click the Smart TODO Kanban icon in the activity bar (left side). A quick summary opens in the sidebar with a live count per category:
Click "Open Full Kanban Board" (or run "Smart TODO: Open Kanban Dashboard" from the Command Palette) to get the full board in a wide editor tab, shown above.
Click any card to jump straight to that exact file and line.
Use the ⟳ refresh button any time to rescan after making changes.
Add a comment in your code using one of these tags, followed by a colon and your note:
// TODO: Add input validation
// FIXME: This crashes on empty arrays
// WIP: Half-finished refactor, don't merge yet
// OPTIMIZE: Replace with a single query instead of N+1
Each tag maps to its own Kanban column:
| Tag |
Column |
FIXME |
🚨 Critical / Fixme |
TODO |
🔴 To Do |
WIP |
🟡 In Progress |
OPTIMIZE |
🔵 Refactor |
Tags are case-insensitive (// todo: also works) and must start with // (line comments).
Scanned files
The scanner looks at **/*.{ts,js,tsx,jsx,py,go,java,c,cpp} and skips common non-source folders: node_modules, dist, out, build, .git, .next, .nuxt, coverage, vendor, .vscode-test, .venv/venv, and target.
Author info
If the file is tracked by git, each card shows the author of that line (via git blame). Untracked or uncommitted lines show as "Local/Uncommitted".
Development
npm install # install dependencies
npm run watch # rebuild on save (esbuild)
npm run compile # one-off build
Press F5 in VS Code to launch an Extension Development Host with the extension loaded.
