AI Plugin Index
Mermaid Diagrams
Skill by iamnih4l · updated · ★ 0
Create technical diagrams using Mermaid syntax including flowcharts, sequence diagrams, ERDs, class diagrams, and Gantt charts. Mermaid Diagrams is published by iamnih4l on GitHub.
Install Mermaid Diagrams
Built from the published package, never by AIgit clone --depth 1 https://github.com/iamnih4l/Thoth-OS /tmp/Thoth-OS && mkdir -p ~/.claude/skills && cp -r /tmp/Thoth-OS/Skills/Utilities/mermaid ~/.claude/skills/mermaid-diagramsRun in your terminal. Claude Code loads skills from ~/.claude/skills automatically.
git clone --depth 1 https://github.com/iamnih4l/Thoth-OS /tmp/Thoth-OS && mkdir -p ~/.gemini/antigravity-cli/skills && cp -r /tmp/Thoth-OS/Skills/Utilities/mermaid ~/.gemini/antigravity-cli/skills/mermaid-diagramsAntigravity CLI loads skills from ~/.gemini/antigravity-cli/skills, or .agents/skills for one project.
Skills can run scripts on your machine. Some need an API key: check the README.
Last commit 30 days ago
No licence found, so reuse rights are unclear
Clear description, installs from GitHub, original repository
Not checked yet. What we check
Weekly newsletter
Like Mermaid Diagrams? Get the best new skills every week
The best new tools, security warnings before you install something risky, and one practical tip. Free, three minute read.
Alternatives to Mermaid Diagrams
All alternatives →
Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from JSON, creating social cards, or rendering AI-generated image specs.
Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Use when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables.
Mermaid Diagrams: common questions
How do I install Mermaid Diagrams?
Run the command above to copy the skill into ~/.claude/skills/. Claude Code picks it up automatically.
Is Mermaid Diagrams free?
The code is public, but no licence file was found, so check the repository before commercial use.
Is Mermaid Diagrams safe to use?
It scores 23 of 100. Grades: maintenance A, licence F, quality C. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to Mermaid Diagrams?
Similar skills: image, show-me, css-file-size, css-order.