Create Graphviz diagrams with DOT source and pre-rendered images.
npx skills add https://github.com/mindmorass/reflex --skill graphviz-diagrams
Please help me install this Agent Skill. Skill: graphviz-diagrams Source: https://github.com/mindmorass/reflex/tree/main/plugins/reflex/skills/graphviz-diagrams Command: npx skills add https://github.com/mindmorass/reflex --skill graphviz-diagrams
Create precise Graphviz diagrams with both DOT source and rendered previews.
Install Graphviz on your system (verify with dot -V). Create a file graph.dot containing your DOT source. Render to an image with dot -Tpng graph.dot -o graph.png. Include both the DOT source and the rendered image in your documentation by referencing graph.dot and graph.png.
High-intent search queries and answers about installing and using this skill.
Graphviz diagrams combine DOT source code with pre-rendered PNG or other image formats. Write your graph definition in DOT syntax, run the dot command to render it (e.g., dot -Tpng graph.dot -o graph.png), then include both the source file and image in your documentation for reference and visibility.
Graphviz excels at complex diagrams including dependency graphs showing package or module relationships, call graphs mapping function interactions, and network topologies representing system architecture. DOT syntax handles these structures precisely without manual layout.
Yes, Graphviz must be installed on your system; verify installation with dot -V from the command line. The dot engine processes your DOT source file and outputs rendered images for embedding in markdown, HTML, or other documentation formats.
Yes, this Skill supports embedding both inline DOT source and pre-rendered images. Storing the source alongside the image makes diagrams easy to edit and version-control while keeping rendered previews visible in markdown without re-rendering on every view.
Graphviz diagrams represent infrastructure topologies and data dependencies through precise node-and-edge layouts defined in DOT. For complex systems, rendering to PNG or SVG and pairing with inline DOT source ensures both readability and editability across teams and documentation systems.
seankao31Generate a Graphviz graph of Linear issue dependencies with project clusters.
TrevorEdrisCreate Mermaid diagrams from plain text in Markdown documents.
mindmorassConvert visual diagrams from images into Mermaid or Graphviz code.
ntaksh42Generate UML diagrams from text using Mermaid and PlantUML syntax.
