Back to skills
SkillHub ClubResearch & OpsTech WriterDesignerTesting

moai-library-mermaid

This skill enables Claude Code to generate Mermaid diagrams across 21 types using MCP Playwright for SVG/PNG rendering. It provides syntax examples, best practices, and integrates with MoAI-ADK workflows for architecture planning and documentation. Requires Node.js and Playwright setup.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
841
Hot score
99
Updated
March 20, 2026
Overall rating
A8.4
Composite score
6.3
Best-practice grade
D52.4

Install command

npx @skill-hub/cli install modu-ai-moai-adk-moai-library-mermaid
diagram-generationmermaidarchitecture-docsvisual-documentation

Repository

modu-ai/moai-adk

Skill path: src/moai_adk/templates/.claude/skills/moai-library-mermaid

This skill enables Claude Code to generate Mermaid diagrams across 21 types using MCP Playwright for SVG/PNG rendering. It provides syntax examples, best practices, and integrates with MoAI-ADK workflows for architecture planning and documentation. Requires Node.js and Playwright setup.

Open repository

Best for

Primary workflow: Research & Ops.

Technical facets: Tech Writer, Designer, Testing, Integration.

Target audience: Documentation teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: modu-ai.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install moai-library-mermaid into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/modu-ai/moai-adk before adding moai-library-mermaid to shared team environments
  • Use moai-library-mermaid for documentation workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.