skills.rest
hidonguyen
hidonguyenCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ck:plans-kanban

Visualizes and tracks implementation plans and project phases from local plan.md files via a web dashboard and JSON API.

Updated Apr 2, 2026
Search Tags:#timeline#dashboard#plans#kanban#progress-tracking#gantt#plan-parser
One-click install
npx skills add https://github.com/hidonguyen/trade-ops --skill ck-plans-kanban-hidonguyen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:plans-kanban
Source: https://github.com/hidonguyen/trade-ops/tree/main/.opencode/skills/plans-kanban
Command: npx skills add https://github.com/hidonguyen/trade-ops --skill ck-plans-kanban-hidonguyen

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Provides a fast, local web dashboard to discover, visualize, and monitor implementation plans stored as directories with plan.md files, eliminating manual file inspection and fragmented status tracking across multiple plan folders.

Core Features & Use Cases

  • View plan cards with progress bars, phase breakdowns, priority badges, and last modified timestamps for quick project visibility.
  • Timeline/Gantt visualization with layered bars and a today marker for short-term planning and duration analysis.
  • JSON API and file viewer endpoints let teams script integrations or open individual plan markdown files in a full reader with navigation.
  • Use Case: A product manager scans a plans/ directory to surface stalled items, inspect phase progress, and share a network-accessible dashboard with stakeholders.

Quick Start

Install dependencies by running npm install inside .opencode/skills/plans-kanban and then start the dashboard using the provided start script.

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 local plan.md files?▼

A local kanban dashboard parses YAML frontmatter and phase tables in plan.md files to compute progress and timeline statistics, rendering them into interactive kanban boards and Gantt views.

How does a kanban dashboard parse plan directories for phase tracking?▼

It scans local plan directories, extracts phase tables and metadata from markdown files, and calculates progress statistics to display layered timeline bars and priority badges for phase tracking.

Can I get a JSON API for plan files to script integrations?▼

Yes, the dashboard provides a JSON API and file viewer endpoints that allow you to script integrations or open individual plan markdown files in a full reader with navigation.

Does this kanban dashboard require gray-matter to parse YAML frontmatter?▼

Yes, the dashboard requires the gray-matter dependency to parse YAML frontmatter from plan.md files before computing timeline statistics and rendering the progress grid.

What is the best way to share a network-accessible Gantt view with stakeholders?▼

Start the static-asset-backed HTTP dashboard, which supports configurable host binding and port auto-selection, to share a network-accessible Gantt view with stakeholders.

Related Skills

Explore More Product & Management Skills→
PhucMPhamPhucMPham

plans-kanban

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

Community
Advanced
ThiagoVitaleThiagoVitale

gsd-stats

Gather and display project statistics from files and git history.

Community
Intermediate
quanganh208quanganh208

ck:markdown-novel-viewer

Serve markdown files and directories as a book-like HTTP viewer.

Community
Advanced
mhattingpetemhattingpete
657

timeline-creator

Create interactive HTML timelines and Gantt-chart roadmaps from project data.

Community
Basic