Graphviz Renderer

Documents

graphviz-renderer

Graphviz Renderer is an Agent Skill for documents published in the a5c-ai/babysitter repository on GitHub: a SKILL.md instruction file an AI agent can load to do this task.

Render Graphviz DOT graphs to images with multiple layout algorithms

View on GitHub ↗

QUICK START

How to use this skill

Bring this guide into your coding agent with a prompt tailored to the tool you use.

Open your project in Codex.
Copy and paste the prompt below.
Review files and risks before approving any action.

Prompt to paste

Inspect the Agent Skill at https://github.com/a5c-ai/babysitter/blob/HEAD/library/specializations/software-architecture/skills/graphviz-renderer/SKILL.md and all supporting files. Report provenance, permissions, scripts, dependencies, and security risks. Propose an exact installation into .agents/skills/graphviz-renderer, but wait for my approval before writing files or running scripts.

Copying this prompt does not install or run the skill. Review third-party files before use.

Graphviz DOT Renderer Skill

Overview

Renders Graphviz DOT graph definitions to images supporting multiple layout algorithms for dependency visualization and large graph rendering.

Capabilities

Render DOT graphs to PNG, SVG, PDF, PS formats
Multiple layout algorithms (dot, neato, fdp, sfdp, twopi, circo)
Large graph support with sfdp algorithm
Dependency visualization
Custom node and edge styling
Subgraph and cluster support

Target Processes

microservices-decomposition
ddd-strategic-modeling
observability-implementation

Input Schema

{
  "type": "object",
  "required": ["source"],
  "properties": {
    "source": {
      "type": "string",
      "description": "DOT graph definition"
    },
    "outputFormat": {
      "type": "string",
      "enum": ["png", "svg", "pdf", "ps"],
      "default": "svg"
    },
    "outputPath": {
      "type": "string",
      "description": "Output file path"
    },
    "layout": {
      "type": "string",
      "enum": ["dot", "neato", "fdp", "sfdp", "twopi", "circo"],
      "default": "dot",
      "description": "Layout algorithm"
    },
    "config": {
      "type": "object",
      "properties": {
        "dpi": {
          "type": "number",
          "default": 96
        },
        "rankdir": {
          "type": "string",
          "enum": ["TB", "BT", "LR", "RL"],
          "default": "TB"
        }
      }
    }
  }
}

Output Schema

{
  "type": "object",
  "properties": {
    "outputPath": {
      "type": "string",
      "description": "Path to rendered image"
    },
    "format": {
      "type": "string"
    },
    "nodeCount": {
      "type": "number"
    },
    "edgeCount": {
      "type": "number"
    }
  }
}

Usage Example

{
  kind: 'skill',
  skill: {
    name: 'graphviz-renderer',
    context: {
      source: 'digraph G { A -> B -> C; A -> C; }',
      outputFormat: 'svg',
      outputPath: 'docs/diagrams/dependencies.svg',
      layout: 'dot'
    }
  }
}