tkm:view-plans

Visualize project plans with Kanban board and Gantt-style timeline views.

Updated May 13, 2026
One-click install
npx skills add https://github.com/khapn-2933/agentic-coding-hands-on --skill tkm-view-plans
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tkm:view-plans
Source: https://github.com/khapn-2933/agentic-coding-hands-on/tree/main/.claude/skills/view-plans
Command: npx skills add https://github.com/khapn-2933/agentic-coding-hands-on --skill tkm-view-plans

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive view of your project plans, enabling you to track progress and visualize timelines effortlessly.

Core Features & Use Cases

  • Kanban Board: Visualize your project plans in a Kanban board format, complete with progress tracking and phase status indicators.
  • Timeline Visualization: View project timelines with a Gantt-style visualization, including duration tracking and activity heatmaps.
  • Design: Offers a glassmorphism UI with dark mode, responsive grid layout, and warm accent colors.
  • Use Case: Imagine you are managing a software development project. Use this Skill to set up a Kanban board to visualize sprints, assign tasks to team members, and track progress against a timeline.

Quick Start

Start the Kanban board view with:

/tkm:view-plans --dir ./projects --open

Frequently Asked Questions about tkm:view-plans

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

FAQPage Schema
How do I visualize a project timeline with a Kanban board?

To visualize a project timeline with a Kanban board, use this Skill to render project plans with progress tracking, phase status indicators, and Gantt-style duration tracking. It processes project metadata to map tasks into a visual timeline.

How do I track project progress using YAML frontmatter?

You can track project progress using YAML frontmatter by parsing it with the Gray Matter dependency to extract project metadata. This enables timeline analysis, milestone tracking, and phase status visualization across your project plans.

Do I need Gray Matter to visualize project plans and milestones?

Yes, you need Gray Matter to visualize project plans because it parses YAML frontmatter for project metadata. It is a required dependency for extracting the task tracking and timeline data needed for the Kanban board.

What is the best way to generate a Gantt-style timeline heatmap for project tasks?

The best way to generate a Gantt-style timeline heatmap for project tasks is using a visualization Skill that applies duration tracking and activity heatmaps. This tool maps your project plans into a responsive grid layout with warm accent colors.

Can I use a Kanban board view for software development sprint tracking?

Yes, you can use a Kanban board view for software development sprint tracking by visualizing sprints, assigning tasks to team members, and monitoring progress against a timeline. It provides a glassmorphism UI with dark mode support.