Generate directed or undirected graph diagrams from DOT definitions.
npx skills add https://github.com/XCmiaow/cc-deploy --skill graphviz-xcmiaow
Please help me install this Agent Skill. Skill: graphviz Source: https://github.com/XCmiaow/cc-deploy/tree/main/skills/graphviz Command: npx skills add https://github.com/XCmiaow/cc-deploy --skill graphviz-xcmiaow
Graphviz turns dense DOT language definitions into clear, correctly-laid-out diagrams so you can communicate relationships and structure without manual drawing.
digraph for dependencies and graph for bidirectional relationships.subgraph cluster_* for subsystem or team boundaries.Tell the AI to generate a DOT snippet using a digraph with labeled nodes and edges, set rankdir=TB, and output the result inside a single ```dot fenced block.
High-intent search queries and answers about installing and using this skill.
You generate a dependency tree by providing DOT definitions using a `digraph` with labeled nodes and edges. The Skill processes the DOT syntax and outputs a fenced dot block containing the routed diagram visualization.
Visualizing call graphs and module hierarchies is done by defining relationships in DOT language. The Skill converts these definitions into correctly-laid-out diagrams with routed edges, eliminating the need for manual drawing.
Yes, you can group subsystems in a directed graph using clusters. You create visually separated sections by using `subgraph cluster_*` in your DOT definitions to represent subsystem or team boundaries.
Graphviz works with both directed and bidirectional relationships. You use `digraph` for dependencies and directed graphs, and `graph` for bidirectional relationships to structure your visualization.
DOT diagram generation fails due to incorrect syntax conventions. You must avoid common pitfalls like invalid code fences, improper cluster naming, node IDs with spaces, and missing attribute commas or edge punctuation.
Yes, you need to learn DOT syntax conventions to create package hierarchy diagrams. Correct syntax for clusters, node IDs, edge operators, and attribute punctuation is required to output a valid fenced dot block.
oakossGenerate flowcharts, sequence diagrams, ERDs, class diagrams, and Gantt charts using Mermaid syntax.
simplecore-incCreate Mermaid diagrams from natural language and render them to SVG/PNG/PDF.
shekerkammaGenerate Graphviz DOT diagrams from plain-text descriptions for graphs.
ChegginGenerate hierarchical AGENTS.md documentation with parent references across codebases.