visualize-plan

Overlay implementation plan annotations onto workflow graphs as JSON.

Updated Feb 14, 2026
One-click install
npx skills add https://github.com/georgegui/visual-project-map --skill visualize-plan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visualize-plan
Source: https://github.com/georgegui/visual-project-map/tree/main/plugins/visual-project-map/skills/visualize-plan
Command: npx skills add https://github.com/georgegui/visual-project-map --skill visualize-plan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users visualize the impact of an implementation plan on an existing project workflow by annotating a graph representation.

Core Features & Use Cases

  • Plan Annotation: Overlays add/modify/remove status onto nodes and edges of a workflow graph based on a plan document.
  • Visual Impact Assessment: Allows users to quickly understand how proposed changes will affect the project's structure and data flow.
  • Use Case: After drafting a plan to refactor a specific module, use this Skill to see exactly which parts of the current workflow graph will be added, changed, or removed.

Quick Start

Overlay the implementation plan found in 'docs/plan.md' onto the default workflow graph.

Frequently Asked Questions about visualize-plan

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

FAQPage Schema
How do I visualize an implementation plan on an existing workflow graph?

To visualize an implementation plan on a workflow graph, you overlay annotations directly onto the graph nodes and edges. This indicates additions, modifications, and removals based on your plan document for clear impact assessment.

How does graph annotation match plan tasks to specific workflow elements?

Graph annotation matches plan tasks to workflow elements using exact ID or label matching. It automatically infers edge changes between nodes, ensuring the proposed modifications accurately reflect the project's structural updates.

Can I use this to assess the visual impact of a code refactoring plan?

Yes, you can assess the visual impact of a code refactoring plan by overlaying the proposed changes onto the current workflow graph. This highlights exactly which structural parts and data flows will be added, changed, or removed.

Do I need a specific format for my project management plan to annotate the graph?

You need a markdown plan document, such as 'docs/plan.md', containing the proposed tasks. The skill parses this plan to match tasks via exact ID or label matching and infers edge changes for the workflow graph.

What is the best way to show additions and removals in a project workflow graph?

The best way to show additions and removals in a project workflow graph is by generating an annotated graph JSON. This overlays status annotations onto existing elements and serves the result via an interactive viewer for analysis.

What are the limitations of inferring edge changes during graph annotation?

A limitation of inferring edge changes during graph annotation is that accuracy depends on exact ID or label matching between the plan and workflow graph. Ambiguous or mismatched labels may prevent correct edge change inference.