How do I access the dashboard?

You can access the dashboard by running the `/kanban [directory]` slash command or by using the CLI command to start the server and opening the provided local URL.

What happens if port 3500 is already in use?

The server includes an automatic port-finder that will attempt to bind to any available port in the range of 3500 to 3550.

What file format does it support?

The skill specifically scans for directories containing a plan.md file, which it parses for phases, metadata, and progress information.

Can I view the dashboard on other devices?

Yes, by using the --host 0.0.0.0 flag, the skill generates a network URL that allows other devices on your local network to view the project status.

Do I need to install dependencies manually?

Yes, this skill requires the gray-matter dependency. You can install it by running 'ck init' or navigating to the skill folder and running 'npm install'.

Plans Kanban Dashboard

Name: Plans Kanban Dashboard
Author: CongDon1207

byCongDon1207

•

生产力与工作流

Generates a visual, interactive Kanban and timeline dashboard for project plan files with real-time progress tracking.

关于

Plans Kanban is a specialized Claude Code skill that transforms static markdown plan files into a rich, interactive visual dashboard. It automatically scans project directories for plan.md files, parsing them to display phase status indicators, progress bars, and a Gantt-style timeline visualization. Built with a responsive glassmorphism UI, it provides developers with an immediate overview of project health, activity heatmaps, and priority tracking directly from their local environment, bridging the gap between documentation and execution.

主要功能

Interactive Kanban dashboard with progress bars and phase status breakdown
Visual activity heatmaps and priority indicators for project health
Gantt-style timeline visualization for plan duration tracking
Automated directory scanning and parsing of plan.md files
Local web server with remote access capabilities and auto-port detection
1 GitHub stars

使用场景

Visualizing multi-phase development roadmaps during complex coding tasks
Tracking project progress and deadlines through a visual Gantt chart interface
Sharing a live project status dashboard with team members on a local network

关于

主要功能

Interactive Kanban dashboard with progress bars and phase status breakdown
Visual activity heatmaps and priority indicators for project health
Gantt-style timeline visualization for plan duration tracking
Automated directory scanning and parsing of plan.md files
Local web server with remote access capabilities and auto-port detection
1 GitHub stars

使用场景

Visualizing multi-phase development roadmaps during complex coding tasks
Tracking project progress and deadlines through a visual Gantt chart interface
Sharing a live project status dashboard with team members on a local network