ck:plans-kanban

Consolidate plan.md metadata into an interactive HTML dashboard with progress bars.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/DatTran26/KienTruThiHanh --skill ck-plans-kanban-dattran26
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:plans-kanban
Source: https://github.com/DatTran26/KienTruThiHanh/tree/main/.agents/skills/plans-kanban
Command: npx skills add https://github.com/DatTran26/KienTruThiHanh --skill ck-plans-kanban-dattran26

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Organizes and visualizes project plans stored as plan.md into a single, explorable dashboard to track progress, timelines, and metadata.

Core Features & Use Cases

  • Kanban-style plan boards with progress, timelines, and phase statuses for quick status checks.
  • Rich metadata extraction (dates, effort, priority, tags) for reporting and planning.
  • Use Case: Managers review plan health at a glance and drill into details via the viewer.

Quick Start

Install dependencies and run the server with your plans directory to view the dashboard.

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 project progress from plan.md files in a single dashboard?

To visualize project progress from plan.md files, this Skill consolidates plan metadata into an interactive dashboard. It aggregates plans from plan.md directories, providing per-plan progress bars, timelines, and rich metadata for project visibility.

What is the best way to track plan timelines and metadata using a Kanban board?

The best way to track plan timelines and metadata is by using a Node.js server with a Gray-matter frontmatter parser. This approach extracts dates, effort, priority, and tags to generate Kanban-style plan boards for quick status checks.

How does Gray-matter frontmatter parsing work for extracting plan metadata?

Gray-matter frontmatter parsing works by scanning plan.md directories to extract rich metadata like dates, effort, priority, and tags. The plan-scanner processes this metadata to render interactive HTML UI and API endpoints for reporting.

Can I use a Node.js server stack to expose an HTML UI and API endpoints for project plans?

Yes, you can use a Node.js server stack to expose an HTML UI and API endpoints for project plans. The dashboard renderer aggregates plan.md files, enabling managers to review plan health at a glance and drill into details via the viewer.

Do I need to structure my project plans as plan.md directories to use the Kanban dashboard?

Yes, you need to structure your project plans as plan.md directories because the plan-scanner aggregates metadata from these specific files. The dashboard renderer uses this directory structure to consolidate timelines and phase statuses.

What are the limitations of using markdown frontmatter for monitoring project plan progress?

A limitation of using markdown frontmatter for monitoring project plan progress is that metadata extraction depends entirely on the Gray-matter parser reading valid plan.md files. If frontmatter is missing dates or priority tags, the dashboard cannot render accurate progress bars.