PlantUML Renderer Skill

SkillMedia

Render PlantUML diagrams to various image formats with theme and styling support

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

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 PlantUML 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/plantuml-renderer/SKILL.md and read by ahel’s review.

Overview

Renders PlantUML source files to images supporting sequence, class, component, and deployment diagrams with custom themes and batch processing.

Capabilities

  • Render PlantUML to PNG, SVG, PDF, and EPS formats
  • Support sequence, class, component, deployment, activity, and state diagrams
  • Apply custom themes and styling
  • Batch rendering of multiple diagrams
  • Generate image maps for interactive diagrams
  • Support PlantUML preprocessor directives

Target Processes

  • c4-model-documentation
  • ddd-strategic-modeling
  • event-storming
  • data-architecture-design

Input Schema

{
  "type": "object",
  "required": ["source"],
  "properties": {
    "source": {
      "type": "string",
      "description": "PlantUML source code or file path"
    },
    "outputFormat": {
      "type": "string",
      "enum": ["png", "svg", "pdf", "eps"],
      "default": "png"
    },
    "outputPath": {
      "type": "string",
      "description": "Output file path"
    },
    "theme": {
      "type": "string",
      "description": "PlantUML theme name (e.g., 'cerulean', 'superhero')"
    },
    "config": {
      "type": "object",
      "properties": {
        "skinParams": {
          "type": "object",
          "description": "PlantUML skinparam settings"
        },
        "scale": {
          "type": "number",
          "default": 1
        }
      }
    }
  }
}

Output Schema

{
  "type": "object",
  "properties": {
    "outputPath": {
      "type": "string",
      "description": "Path to rendered image"
    },
    "format": {
      "type": "string"
    },
    "dimensions": {
      "type": "object",
      "properties": {
        "width": { "type": "number" },
        "height": { "type": "number" }
      }
    },
    "metadata": {
      "type": "object"
    }
  }
}

Usage Example

{
  kind: 'skill',
  skill: {
    name: 'plantuml-renderer',
    context: {
      source: '@startuml\nAlice -> Bob: Hello\n@enduml',
      outputFormat: 'svg',
      outputPath: 'docs/diagrams/sequence.svg',
      theme: 'cerulean'
    }
  }
}

Signals

GitHub stars
2k
Forks
112
Last commit
Sep 2026
Advanced
Item type
skill
Key
plantuml-renderer
Source
github.com/a5c-ai/babysitter