/viz

description: Visualize a ComfyUI workflow as a mermaid diagram
argument-hint: Path to workflow JSON file, or paste JSON inline

/comfy-viz — Visualize a Workflow

The user wants to visualize a ComfyUI workflow as a mermaid flowchart diagram.

Instructions

1. **Get the workflow JSON.** The argument may be: $ARGUMENTS

• A file path to a workflow JSON file; read it with the Read tool
• Inline JSON pasted directly as the argument
• Nothing, in which case ask the user to provide a workflow file path or paste the JSON

2. **Validate the input.** The workflow must be in ComfyUI's API format, an object where keys are node IDs and values have `class_type` and `inputs`. If it looks like the web UI format (has `nodes` and `links` arrays), tell the user it needs to be in API format and suggest they export it via "Save (API Format)" in ComfyUI.

3. **Visualize.** Use the `visualize_workflow` tool with:

• `workflow`: the parsed workflow JSON
• `show_values`: `true` (to include parameter values in node labels)
• `direction`: `"LR"` (left-to-right, easiest to read)

4. **Present the diagram.** Show the mermaid output to the user. The mermaid code block will render as a flowchart showing nodes grouped by category with labeled connections.

Example

User: `/comfy-viz ~/workflows/my-workflow.json`

Steps:

• Read the file at `~/workflows/my-workflow.json`
• Pass contents to `visualize_workflow`
• Display the mermaid diagram

Notes

• If the workflow is very large (50+ nodes), suggest using `direction: "TB"` (top-to-bottom) for better readability
• The diagram groups nodes into subgraphs by category: loading, conditioning, sampling, image, output
• Connection edges are labeled with data types (MODEL, CLIP, CONDITIONING, LATENT, IMAGE, VAE, etc.)