a5c-ai/mermaid-renderer
library/specializations/software-architecture/skills/mermaid-renderer/SKILL.md
Render Mermaid diagrams to images with theme customization and Markdown integration
$ install --global
skillsauthnpx skillsauth add a5c-ai/babysitter mermaid-rendererInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 2, 2026, 2:27 PM56.5s2 files scanned
SKILL.md
- name:
- mermaid-renderer
- description:
- Render Mermaid diagrams to images with theme customization and Markdown integration
Mermaid Diagram Renderer Skill
Overview
Renders Mermaid diagram definitions to images supporting flowcharts, sequence diagrams, class diagrams, ER diagrams, and more with theme customization.
Capabilities
- Render Mermaid to PNG, SVG, PDF formats
- Support flowcharts, sequence, class, ER, Gantt, pie, journey diagrams
- Theme customization (default, dark, forest, neutral)
- Integration with Markdown documentation
- Background color and styling options
- Puppeteer-based rendering for high quality
Target Processes
- c4-model-documentation
- microservices-decomposition
- data-architecture-design
Input Schema
{
"type": "object",
"required": ["source"],
"properties": {
"source": {
"type": "string",
"description": "Mermaid diagram definition"
},
"outputFormat": {
"type": "string",
"enum": ["png", "svg", "pdf"],
"default": "svg"
},
"outputPath": {
"type": "string",
"description": "Output file path"
},
"theme": {
"type": "string",
"enum": ["default", "dark", "forest", "neutral"],
"default": "default"
},
"config": {
"type": "object",
"properties": {
"backgroundColor": {
"type": "string",
"default": "white"
},
"width": {
"type": "number"
},
"height": {
"type": "number"
}
}
}
}
}
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" }
}
}
}
}
Usage Example
{
kind: 'skill',
skill: {
name: 'mermaid-renderer',
context: {
source: 'graph TD\n A[Start] --> B[Process]\n B --> C[End]',
outputFormat: 'svg',
outputPath: 'docs/diagrams/flow.svg',
theme: 'default'
}
}
}
Related Skills
a5c-ai/model-card-generator
development
VerifiedTrustedCommunity
Model documentation skill for generating model cards following Google's model card framework.
680SKILL.mdUpdated Apr 28, 2026
a5c-ai/mlflow-experiment-tracker
development
VerifiedTrustedCommunity
MLflow integration skill for experiment tracking, model registry, and artifact management. Enables LLMs to log experiments, compare runs, manage model lifecycle, and retrieve artifacts through the MLflow API.
680SKILL.mdUpdated Apr 28, 2026
a5c-ai/lime-explainer
data-ai
VerifiedTrustedCommunity
LIME-based local explanation skill for individual predictions across tabular, text, and image data.
680SKILL.mdUpdated Apr 28, 2026
a5c-ai/kubeflow-pipeline-executor
devops
VerifiedTrustedCommunity
Kubeflow Pipelines skill for ML workflow orchestration, component management, and Kubernetes-native ML.
680SKILL.mdUpdated Apr 28, 2026