ck:plans-kanban

Build a kanban and timeline dashboard from plan.md files.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/MinhQuyen274/smartify --skill ck-plans-kanban-minhquyen274
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:plans-kanban
Source: https://github.com/MinhQuyen274/smartify/tree/main/Frontend_PROJECT_Figma/.opencode/skills/plans-kanban
Command: npx skills add https://github.com/MinhQuyen274/smartify --skill ck-plans-kanban-minhquyen274

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It turns a folder of plan markdown files into a clear dashboard so you can quickly see progress, status, and timelines without manually scanning each file.

Core Features & Use Cases

  • Plans Dashboard (Kanban + Grid): View plans as interactive kanban columns by status with progress indicators, sorting, filtering, and search.
  • Timeline Visualization (Layered Gantt): Track phase duration over time with a compact, non-overlapping layered timeline and tooltips.
  • Metadata-Aware Tracking: Extract key details from each plan (status, priority, tags, effort, issue/branch references, overview/description) and surface them on cards.

Quick Start

Start the plans kanban server by running a single command in your terminal: node .opencode/skills/plans-kanban/scripts/server.cjs --dir ./plans --open

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 planning progress from markdown files?

Project planning markdown files are parsed using the gray-matter npm package to extract metadata like status, priority, tags, and effort, which then surfaces as searchable cards on a kanban dashboard.

How do I generate a Gantt timeline visualization for plan phases?

To generate a Gantt timeline visualization, the dashboard script parses phase duration data from your plan markdown files and renders a compact, non-overlapping layered timeline with interactive tooltips.

Does this kanban dashboard require any npm dependencies to run?

Yes, the kanban dashboard requires installing the gray-matter npm dependency to parse frontmatter metadata from your plan markdown files before starting the Node server script.

Can I track issue and branch references directly within a kanban board?

Yes, you can track issue and branch references because the markdown parser extracts these metadata fields from each plan file and displays them directly on the kanban board cards for context.

What is the best way to track status columns for multiple implementation plans?

The best way to track status columns for implementation plans is using a Node.js dashboard that reads your plan.md directory and automatically organizes the files into interactive, filterable kanban columns.

How do I start the server to view my plans kanban dashboard?

You start the plans kanban dashboard by running the command node .opencode/skills/plans-kanban/scripts/server.cjs --dir ./plans --open in your terminal to launch the HTTP routes and render the UI.