skill-mermaid-diagrams
Generate consistent, template-based Mermaid diagrams for technical content. Supports 12 diagram types (architecture, flowchart, sequence, concept-map, radial-concept, timeline, comparison, comparison-table, gantt, mindmap, class-diagram, state-diagram) with automatic template selection, LLM-powered content generation, syntax validation, and error handling. Use when creating technical illustrations, system architecture visuals, project timelines, class diagrams, state machines, or documentation requiring uniform styling. Triggers on "mermaid diagram", "generate diagram", "create flowchart", "architecture diagram", "sequence diagram", "concept map", "gantt chart", "mind map", "class diagram", "UML diagram", "project timeline", "state diagram", "technical illustration".
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/chunhualiao/skill-mermaid-diagramsWhat This Skill Does
The skill-mermaid-diagrams skill serves as a professional-grade assistant for generating high-quality, standardized technical visualizations within the OpenClaw environment. By leveraging the industry-standard Mermaid.js syntax, this skill automates the transition from raw technical documentation to structured, aesthetically consistent visual diagrams. It supports twelve distinct types of visualizations, ranging from complex system architectures and sequence diagrams to project timelines and conceptual mind maps. The tool functions by ingesting content, identifying key themes, and mapping them to predefined templates, ensuring that every diagram maintains a cohesive visual identity across a documentation set.
Installation
Installation is streamlined for developers through the included shell scripts. After navigating to the skill directory, executing ./scripts/install-deps.sh handles the environment setup, including dependency checks for Node.js (v18+) and the installation of the @mermaid-js/mermaid-cli. Alternatively, users may install globally via npm install -g @mermaid-js/mermaid-cli. Verification is built into the workflow to ensure the mmdc executable is accessible and version-compliant.
Use Cases
This skill is designed for technical writers, software architects, and project managers. Common use cases include generating system architecture overviews for cloud infrastructure, mapping out complex logic flows for API documentation, visualizing project milestones with Gantt charts, or creating UML class diagrams for software modeling. It is especially useful in large-scale documentation projects where maintaining a uniform visual language across dozens of files would otherwise be labor-intensive.
Example Prompts
- "Generate a system architecture diagram based on the logic described in the current chapter-03.md file."
- "Create a sequence diagram for the user authentication process and save it to the diagrams/auth-flow folder."
- "Convert the project timeline requirements mentioned in our meeting notes into a professional Mermaid Gantt chart."
Tips & Limitations
To maximize the quality of outputs, provide clean and well-structured source text. The skill performs best when the subagent workflow is utilized, as it manages the validation lifecycle automatically. Keep in mind that for very complex systems, you may need to break diagrams into smaller components to maintain legibility. The tool relies on Mermaid CLI, so ensure your environment supports headless browser execution if you intend to generate complex image exports.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-chunhualiao-skill-mermaid-diagrams": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: file-write, file-read, code-execution
Related Skills
claude-usage
Check Claude Max plan usage limits by launching Claude Code and running /usage. Use when the user asks about Claude plan usage, remaining quota, rate limits, or sends /claude_usage.
save-to-obsidian
Saves markdown content to remote Obsidian vault via SSH
task-runner
Persistent task queue system. Users add tasks at any time via natural language; tasks are stored in a single persistent queue file and executed asynchronously via subagents. A heartbeat/cron dispatcher wakes periodically to check pending tasks, spawn workers, and report completions. The system never "finishes" — it always remains ready for the next task.
openclaw-docker-setup
Install and configure a fully operational Dockerized OpenClaw instance on macOS from scratch. Includes browser pairing, Discord channel setup, and optional Gmail/Google Drive integration. Use when user asks to "install openclaw docker", "set up dockerized openclaw", "openclaw in docker", or "isolated openclaw instance".
skill-releaser
Release skills to ClawhHub through the full publication pipeline — auto-scaffolding, OPSEC scan, dual review (agent + user), force-push release, security scan verification. Use when releasing a skill, preparing a skill for release, reviewing a skill for publication, or checking release readiness.