ck:plans-kanban

Serve a Node.js kanban dashboard for plan.md directories with YAML parsing.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/nam3886/golang-echo-boilerplate --skill ck-plans-kanban-nam3886
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:plans-kanban
Source: https://github.com/nam3886/golang-echo-boilerplate/tree/main/.claude/skills/plans-kanban
Command: npx skills add https://github.com/nam3886/golang-echo-boilerplate --skill ck-plans-kanban-nam3886

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Teams and individuals who author implementation plans as markdown files often lack a simple, local interface to visualize overall progress, phases, and timelines; this Skill turns scattered plan.md directories into a centralized, interactive dashboard for quick project visibility and tracking.

Core Features & Use Cases

  • Visual kanban board that groups plans by status with compact plan cards and progress bars for each plan.
  • Gantt-style timeline with layered bars, today marker, and activity heatmap to inspect schedule and duration.
  • Rich metadata extraction from YAML frontmatter and plan tables (dates, effort, priority, issue links, tags).
  • Local Node background server with API (/api/plans), static assets, safe file serving, and options for remote access and auto-opening the browser.
  • Use cases: sprint planning review, milestone tracking, pre-release visibility across multiple feature folders, or embedding into local tooling for offline demos.

Quick Start

Start the plans-kanban server for the directory ./plans after installing npm dependencies so you can open the interactive dashboard in your browser.

Frequently Asked Questions about ck:plans-kanban

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

FAQPage Schema
How do I visualize markdown project plans as an interactive kanban board?

Yes, a Gantt-style timeline visualization is generated directly from your plan.md files. The dashboard renders layered bars, a today marker, and an activity heatmap by parsing dates and effort metadata extracted from the markdown tables and YAML frontmatter.

How do I start the local dashboard server for my plans directory?

You need a Node.js runtime and the gray-matter npm package installed in your environment. These dependencies are required to parse the YAML frontmatter from your plan.md files and to serve the local HTTP dashboard with its static assets and API.

Can I use this dashboard for offline sprint planning and milestone tracking?

The dashboard extracts rich metadata from YAML frontmatter and plan tables, including dates, effort, priority, issue links, and tags. This parsed metadata populates the kanban cards, Gantt timeline, and activity heatmap for comprehensive project visibility.

Does the kanban dashboard support remote access for team reviews?

Yes, the local Node.js server includes options for remote access, enabling team reviews of the interactive kanban board. This allows teams to collaboratively inspect schedule duration, phase status, and activity heatmaps during planning workflows.