---
name: "graphviz-dot-hierarchical-graphs"
description: "Generate dependency graphs, call trees, and state networks using Graphviz DOT language."
metadata:
  author: "Graphviz"
  version: "1.0.0"
  runtime_compatibility:
    - "codex"
    - "claude-code"
    - "cursor"
    - "windsurf"
triggers:
  - "generate dependency graph graphviz"
  - "write digraph dot file"
  - "create html table node graphviz"
permissions:
  fs_read: true
  fs_write: "workspace"
  shell_exec: false
  net_access: false
---

# Graphviz DOT Hierarchical Graph Visualizer

Compiles directed (digraph) and undirected (graph) network structures using Graphviz dot engine: rankdir layouts, HTML-like record tables, edge weights, and clustering.

## When to Invoke
Invoke this skill whenever you need to:
- generate dependency graph graphviz
- write digraph dot file
- create html table node graphviz

## Execution SOP & Rules
1. Define directed graphs with digraph G { ... } and configure rankdir=LR or rankdir=TB.
2. Group related nodes into subgraphs prefixed with cluster_ to draw visual bounding boxes.
3. Format rich node contents using HTML-like tables: label=<<TABLE>...</TABLE>>.
4. Render diagrams with dot -Tsvg input.dot -o output.svg for scalable vector graphics.

## Verification Checklist
- Run local linting, syntax validation, and type-checks before reporting completion.
- Ensure all created or modified files adhere to workspace boundaries and avoid uncommitted secrets.
- Verify tests or build commands exit cleanly with return code 0.