plans-kanban

Serve a Kanban dashboard for plan.md-based plans with progress and timelines.

Updated Dec 25, 2025

Search Tags:#automation #planning #timeline #dashboard #kanban #project-management

Ready to run

npx skills add https://github.com/PhucMPham/threejs-christmas-tree --skill plans-kanban

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: plans-kanban
Source: https://github.com/PhucMPham/threejs-christmas-tree/tree/main/.claude/skills/plans-kanban
Command: npx skills add https://github.com/PhucMPham/threejs-christmas-tree --skill plans-kanban

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gray-matter, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the tracking and visualization of multiple plans by providing a server-based dashboard that shows progress, timelines, and phase status, reducing manual status updates and scattered planning notes.

Core Features & Use Cases

Dashboard View: Cards with progress bars and phase statuses to quickly assess plan health.
Timeline Visualization: Gantt-style timelines and activity heatmaps for milestone planning.
Remote Access & Collaboration: Shareable dashboard with directory links and plan references.

Quick Start

View the plans dashboard: node .claude/skills/plans-kanban/scripts/server.cjs
--dir ./plans
--open

Remote access example: node .claude/skills/plans-kanban/scripts/server.cjs
--dir ./plans
--host 0.0.0.0
--open

Stop all servers: node .claude/skills/plans-kanban/scripts/server.cjs --stop

Frequently Asked Questions about plans-kanban

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I set up a visual dashboard to track multiple project plans?▼

A Kanban dashboard visualizes project progress by displaying plan cards with progress bars, phase statuses, and timelines in a web interface. Run the server against your plans directory to instantly view all plans with their implementation status, milestones, and activity heatmaps without manual updates.

Can I view Gantt-style timelines and phase status across all my plans?▼

Yes. The dashboard renders timeline visualizations and phase status indicators for each plan, letting you assess milestone progress and plan health at a glance across your entire portfolio.

How do I share a planning dashboard with my team remotely?▼

Configure the server with a public host address and port, then share the URL. Team members access the live dashboard from any browser to view plan progress, timelines, and activity heatmaps in real time.

What directory structure do I need for the plans dashboard to work?▼

Organize plans as a directory containing plan.md files. Each plan.md is parsed for metadata and content; the dashboard discovers and indexes all plans automatically, extracting progress data and phase information.

Can I filter and navigate plans from the dashboard?▼

Yes. The dashboard supports filtering and navigation through plan cards and directory links, letting you drill into specific plans or view aggregated progress across your planning structure.

What Node.js environment do I need to run the plans dashboard server?▼

You need Node.js installed on your machine. The Skill includes a server script that runs locally or remotely; configure it with directory, host, and port options via command-line arguments.