Render Mermaid diagrams to images with theme customization and Markdown integration
Generates visual diagrams from Mermaid code with theme customization for documentation.
npx claudepluginhub a5c-ai/babysitterThis skill is limited to using the following tools:
README.mdRenders Mermaid diagram definitions to images supporting flowcharts, sequence diagrams, class diagrams, ER diagrams, and more with theme customization.
{
"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"
}
}
}
}
}
{
"type": "object",
"properties": {
"outputPath": {
"type": "string",
"description": "Path to rendered image"
},
"format": {
"type": "string"
},
"dimensions": {
"type": "object",
"properties": {
"width": { "type": "number" },
"height": { "type": "number" }
}
}
}
}
{
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'
}
}
}
Activates when the user asks about AI prompts, needs prompt templates, wants to search for prompts, or mentions prompts.chat. Use for discovering, retrieving, and improving prompts.
Search, retrieve, and install Agent Skills from the prompts.chat registry using MCP tools. Use when the user asks to find skills, browse skill catalogs, install a skill for Claude, or extend Claude's capabilities with reusable AI agent components.
This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.