anhquan075/my-opencode-config/plans-kanban

Claude Code and agent skill by anhquan075/my-opencode-config

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

View plans dashboard with progress tracking and timeline visualization. Use for kanban boards, plan status overview, phase progress, milestone tracking, project visibility.

Install

npx vskill@latest install anhquan075/my-opencode-config/plans-kanban

SKILL.md

plans-kanban

Plans dashboard server with progress tracking and timeline visualization.

⚠️ Installation Required

This skill requires npm dependencies. Run one of the following:

bash
# Option 1: Install via my-opencode-config bootstrap (recommended)
ck init  # Runs install.sh which handles all skills
 
# Option 2: Manual installation
cd .opencode/skills/plans-kanban
npm install

Dependencies: gray-matter

Without installation, you'll get Error 500 when viewing plan details.

Purpose

Visual dashboard for viewing plan directories with:

  • Progress tracking per plan
  • Timeline/Gantt visualization
  • Phase status indicators
  • Activity heatmap

Quick Start

bash
# View plans dashboard
node .opencode/skills/plans-kanban/scripts/server.cjs \
  --dir ./plans \
  --open
 
# Remote access (all interfaces)
node .opencode/skills/plans-kanban/scripts/server.cjs \
  --dir ./plans \
  --host 0.0.0.0 \
  --open
 
# Background mode
node .opencode/skills/plans-kanban/scripts/server.cjs \
  --dir ./plans \
  --background
 
# Stop all running servers
node .opencode/skills/plans-kanban/scripts/server.cjs --stop

Slash Command

Use /kanban for quick access:

bash
/kanban plans/           # View plans dashboard
/kanban --stop           # Stop kanban server

Features

Dashboard View
  • Plan cards with progress bars
  • Phase status breakdown (completed, in-progress, pending)
  • Last modified timestamps
  • Issue and branch links
  • Priority indicators
Timeline Visualization
  • Gantt-style timeline of plans
  • Duration tracking
  • Activity heatmap
Design
  • Glassmorphism UI with dark mode
  • Responsive grid layout
  • Warm accent colors

CLI Options

OptionDescriptionDefault
--dir <path>Plans directory-
--port <number>Server port3500
--host <addr>Host to bind (0.0.0.0 for remote)localhost
--openAuto-open browserfalse
--backgroundRun in backgroundfalse
--stopStop all servers-

Architecture

scripts/
├── server.cjs               # Main entry point
└── lib/
    ├── port-finder.cjs      # Port allocation (3500-3550)
    ├── process-mgr.cjs      # PID management
    ├── http-server.cjs      # HTTP routing
    ├── plan-parser.cjs      # Plan.md parsing
    ├── plan-scanner.cjs     # Directory scanning
    ├── plan-metadata-extractor.cjs  # Rich metadata
    └── dashboard-renderer.cjs       # HTML generation
 
assets/
├── dashboard-template.html  # Dashboard HTML template
├── dashboard.css           # Styles
└── dashboard.js            # Client interactivity

HTTP Routes

RouteDescription
/ or /kanbanDashboard view
/kanban?dir=<path>Dashboard for specific directory
/api/plansJSON API for plans data
/api/plans?dir=<path>JSON API for specific directory
/assets/*Static assets
/file/*Local file serving

Remote Access

When using --host 0.0.0.0, the server auto-detects your local network IP:

json
{
  "success": true,
  "url": "http://localhost:3500/kanban?dir=...",
  "networkUrl": "http://192.168.2.75:3500/kanban?dir=...",
  "port": 3500
}

Use networkUrl to access from other devices on the same network.

Plan Structure

The dashboard scans for directories containing plan.md files:

plans/
├── 251215-feature-a/
│   ├── plan.md              # Required - parsed for phases
│   ├── phase-01-setup.md
│   └── phase-02-impl.md
├── 251214-feature-b/
│   └── plan.md
└── templates/               # Excluded by default

Troubleshooting

Port in use: Server auto-increments from 3500-3550

No plans found: Ensure directories contain plan.md files

Remote access denied: Use --host 0.0.0.0 to bind all interfaces

PID files: Located at /tmp/plans-kanban-*.pid

Security

  • Security scanPassed, 95 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

7-day trend score
0

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/anhquan075/my-opencode-config/plans-kanban/badge)](https://verified-skill.com/skills/anhquan075/my-opencode-config/plans-kanban)

Something wrong with this skill or its page? Tell us.