mermaid-to-image

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.

1.2K
Installs
3
Use cases
9/10
Quality

Is mermaid-to-image safe to install?

Review the source first

Review the source first: our audit of mermaid-to-image's source files found 1 shell command, 1 external URL, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands to locate directories and performs network requests to the mermaid.ink API to generate images. It also reads and modifies local text files.

How we audit skills: our security review methodology.

Who is this skill for?

Developers and technical writers who need to render Mermaid diagrams as static images for platforms that lack native Mermaid support.

What can you do with it?

  • Convert Mermaid diagrams in Markdown files to PNG images
  • Replace Mermaid code blocks with relative or absolute image references
  • Automate diagram rendering for static site generators like Jekyll or GitHub Pages

How good is this skill?

Quality score: 9/10. The skill provides clear, step-by-step instructions and handles edge cases effectively. The inclusion of specific Python code for API interaction and shell commands for file discovery makes the workflow predictable.

What does the skill file contain?

SKILL.md
# Skill: Mermaid to Image

Convert ` ```mermaid ` code blocks in Markdown (or other text) files into PNG images, and replace the code blocks with image references. Useful for platforms that don't render Mermaid natively (GitHub Pages/Jekyll, Dev.to, etc.).

---

## When to Use

- The user asks to convert Mermaid diagrams in a file to images
- The user wants to render specific Mermaid code blocks as PNG
- A publishing workflow requires static images instead of Mermaid code blocks

---

## Workflow

### Step 1: Identify target files

The user may specify:
- A single file: `convert mermaid blocks...

Frequently asked questions

Which file formats does this skill support?

The skill supports Markdown files and any other text-based files containing Mermaid code blocks, such as .rst or .txt files.

How does the skill handle image naming?

The skill requires descriptive filenames based on the diagram content, such as architecture-overview.png, rather than generic names.

What happens if a diagram is too complex to render?

The mermaid.ink API may time out for large diagrams. In these cases, the skill reports the error and suggests simplifying the diagram.

Data sourced from zc277584121/marketing-skills on GitHub. Install counts from skills.sh. The summary and security audit are derived from the skill's source files: every command and URL listed appears verbatim in the source.

Related skills

lark-workflow-meeting-summary

219.7K

Users who need to summarize meeting minutes, generate weekly reports, or review meeting history within the Lark ecosystem

The lark-workflow-meeting-summary skill provides a structured workflow for agents to aggregate meeting minutes from Lark VC, generate summaries, and create or update reports in Lark Docs.

highlarkmeeting-summarylarksuite

programmatic-seo

83.5K

Content strategists, SEO specialists, and marketers building large-scale, data-driven website content

The programmatic-seo skill provides a framework for generating SEO-optimized pages at scale using templates and data. It guides users through keyword research, data sourcing, template design, internal linking, and indexation strategies while emphasizing content uniqueness to avoid search engine penalties.

lowseomarketingcoreyhaines31

ad-creative

64.0K

Performance marketers, growth teams, and advertisers who need to produce ad copy at scale or optimize existing ad creative

The ad-creative skill generates, iterates, and scales ad copy for paid advertising platforms including Google, Meta, LinkedIn, TikTok, and Twitter. It provides frameworks for creating ad headlines, descriptions, and primary text based on product context and performance data.

highmarketingadvertisingcoreyhaines31

product-marketing

17.6K

Product 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.

mediummarketingproduct-managementcoreyhaines31