mermaid-to-webp
CommunityMermaid diagrams to images
Authorhaboshi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill converts Mermaid syntax diagrams into high-quality WebP or PNG images, streamlining the process of visualizing code, architecture, or workflows.
Core Features & Use Cases
- Versatile Diagram Support: Converts various diagram types including flowcharts, sequence diagrams, class diagrams, and more.
- Format Flexibility: Outputs images in WebP or PNG format.
- Customization Options: Allows control over theme, size, quality, and background color.
Quick Start
Convert the Mermaid diagram defined in 'diagram.mmd' to 'output.webp' using the dark theme.
Dependency Matrix
Required Modules
@mermaid-js/mermaid-clisharp
Components
scriptsreferences
💻 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-to-webp Download link: https://github.com/haboshi/claude-code-skills/archive/main.zip#mermaid-to-webp 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 471,000+ vetted skills library on demand.