mermaid-to-gif
The mermaid-to-gif skill converts Mermaid diagram code blocks from .mmd or .md files into animated GIFs using Playwright and FFmpeg.
Is mermaid-to-gif safe to install?
Review the source first: our audit of mermaid-to-gif's source files found 10 shell commands, 0 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands to run Python scripts and uses Playwright to render content, which involves local file system access and potential network activity for loading Mermaid.js from a CDN.
How we audit skills: our security review methodology.
Who is this skill for?
Developers and technical writers who need to create animated diagrams for documentation, presentations, or social media.
What can you do with it?
- Convert individual .mmd files to animated GIFs
- Extract and convert multiple mermaid code blocks from markdown documents
- Apply context-aware animation styles like pulse-flow or progressive to diagrams
- Customize diagram appearance using CSS and theme flags
- Batch process multiple diagram files into a single output directory
How good is this skill?
Quality score: 5/10. The skill documentation is clear, provides specific command examples, and includes a helpful decision guide for selecting animation styles based on diagram context.
What does the skill file contain?
# Skill: Mermaid to GIF Convert Mermaid diagrams into animated GIFs with rich animation effects. Supports `.mmd` files and extracting ` ```mermaid ` code blocks from `.md` files. > **Prerequisites**: FFmpeg, Python 3.8+, Playwright (`pip install playwright && playwright install chromium`) --- ## When to Use - The user wants to convert Mermaid diagrams to animated GIFs - The user has `.mmd` files or `.md` files containing mermaid code blocks - The user needs animated visuals for presentations, documentation, or social media - The user wants to batch-convert all mermaid blocks in a document...
Frequently asked questions
What software must I install to use this skill?
You must install FFmpeg, Python 3.8+, and Playwright with the command: pip install playwright && playwright install chromium.
Does the skill require an internet connection?
Yes, the skill loads Mermaid.js from a CDN during the rendering process.
Can I customize the visual style of the diagrams?
Yes, you can use the --custom-css flag to provide a CSS file for styling nodes and edges, or use the --theme flag to select built-in Mermaid themes.
How does the skill handle large diagrams?
The documentation recommends using the wave style, reducing the duration, or setting --scale to 1 to manage GIF file size.
Related skills
product-marketing
17.6KProduct managers, marketers, and founders who want to centralize their product positioning and audience information for AI-assisted marketing tasks
This skill creates and maintains a product marketing context document at .agents/product-marketing.md. It helps users define product positioning, target audiences, and messaging to ensure consistency across other marketing tasks.
meeting-minutes
9.2KTeams and individuals who need to document internal syncs, standups, design reviews, and planning meetings efficiently
The meeting-minutes skill generates structured, actionable meeting minutes from transcripts, recordings, or raw notes for internal meetings lasting 60 minutes or less. It enforces a strict schema that captures metadata, attendance, decisions, and action items with owners and due dates.
mermaid-to-image
1.2KDevelopers and technical writers who need to render Mermaid diagrams as static images for platforms that lack native Mermaid support
The mermaid-to-image skill converts Mermaid code blocks within text files into PNG images using the mermaid.ink API and updates the files with Markdown image references.
md-to-feishu
1.2KUsers who need to migrate Markdown content to Feishu (Lark) documents
The skill converts local Markdown files into Feishu documents. It handles automatic image uploads and renders Mermaid diagrams into PNG images before processing.