Graphviz DOT Renderer Skill

SkillMedia

Render Graphviz DOT graphs to images with multiple layout algorithms

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the Graphviz DOT Renderer Skill skill

What this skill tells your AI

The instructions your AI receives, as published by a5c-ai/babysitter in library/specializations/software-architecture/skills/graphviz-renderer/SKILL.md and read by ahel’s review.

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'
    }
  }
}

Signals

GitHub stars: 2k
Forks: 112
Last commit: Sep 2026

Advanced

Item type: skill
Key: graphviz-renderer
Source: github.com/a5c-ai/babysitter

github.com/a5c-ai/babysitter