skills.rest
PhucMPham
PhucMPhamCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/PhucMPham/threejs-christmas-tree --skill plans-kanban
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Product & Management Skills→
meirmmeirm
13

generating-readmes

Generate README.md files from project structure and metadata.

Community
Intermediate
memectmemect
13

dashboard-reporting

Aggregate verification results and progress logs into a self-contained HTML dashboard.

Community
Intermediate
MindOpsTeamMindOpsTeam

vhsys

Access VHSYS ERP financial data via REST API with a Python client.

Official
Advanced
IoT-VNIoT-VN

plans-kanban

Serve a web dashboard with Kanban and Gantt views from plan.md files.

Community
Intermediate