mermaid-rasterize
OfficialConvert mermaid diagrams to PNG images for better rendering compatibility.
AuthorJocysCom
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the issue of mermaid diagrams not rendering in certain viewers, offering a solution to rasterize these diagrams into PNG images for universal compatibility.
Core Features & Use Cases
- Rasterization: Converts mermaid diagrams within markdown files into PNG images, ensuring they are displayed correctly across platforms and viewers.
- Trigger Points: Can be triggered when mermaid diagrams fail to render, prompting the user to convert them manually or automatically.
- Use Case: If you're using GitHub, Notion, or PDFs to share your diagrams, and they don't render properly, this Skill can help ensure they are displayed as intended.
Quick Start
To rasterize mermaid diagrams in your markdown file, use the mermaid-rasterize skill with the command: rasterize diagrams in file 'example.md'.
Dependency Matrix
Required Modules
@mermaid-js/mermaid-clipuppeteer
Components
scriptsassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mermaid-rasterize Download link: https://github.com/JocysCom/FocusLogger/archive/main.zip#mermaid-rasterize Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.