Media & Creative · Mermaid

Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.

Agents365-ai/drawio-skill

Publish Markdown articles to X (Twitter) Articles editor with proper formatting.

wshuyi/x-article-publisher-skill

Generates article illustrations, batch slide infographics and cover images from your text, using Gemini, Mermaid or Excalidraw engines and a prompt-only mode.

axtonliu/smart-illustrator

使用 bm.md 写作、改写、排版或渲染 Markdown；生成 Mermaid 与 AntV Infographic，设置图片尺寸、高亮重点，以及执行 HTML/纯文本转换和 Markdown lint

miantiao-me/bm.md

Builds hand-editable SVG diagrams from computed layout coordinates, lints the source and renders a 2x PNG, with rules for when mermaid is the better choice.

modu-ai/moai-adk

Turns an English description or Mermaid source into a diagram set: the source, an editable .excalidraw file and rendered SVG and PNG images.

garrytan/gstack

Draws and refines Excalidraw diagrams on a live canvas through MCP tools or a REST API, with screenshots, file import and export, snapshots and Mermaid conversion.

lingzhi227/agent-research-skills

AI-powered image generation for Salesforce visuals via Nano Banana Pro.

Jaganpro/sf-skills

Builds a complete Obsidian canvas from a plain description by picking one of 12 template archetypes, planning nodes, and generating text and media for it.

AgriciDaniel/claude-canvas

Integrate markstream-vue into a Vue 3 app. An agent skill from Simon-He95/markstream-vue.

Simon-He95/markstream-vue

Converts Mermaid diagrams and markdown tables into PNG images through a hosted rendering API, for platforms without rich formatting.

sugarforever/01coder-agent-skills

Generate or edit images using OpenAI GPT Image API (gpt-image-2, gpt-image-1, etc).

feiskyer/claude-code-settings

Generate or edit images via Google Gemini (nanobanana). An agent skill from feiskyer/claude-code-settings.

feiskyer/claude-code-settings

Creates interactive educational MicroSims, routing to the best-matched generator - p5.js, Chart.js, Plotly, Mermaid, vis-network, timelines, maps, Venn, causal-loop/feedback-loop diagrams (CLD)…

dmccreary/ibook-skills

A skill your agent uses when a user needs a legal or legal-adjacent Mermaid diagram from a document, pasted text, matter description, process, timeline, party map, obligation map, corporate…

lawve-ai/awesome-legal-skills

Help the user understand the current topic visually. An agent skill from fmflurry/settings-opencode.

fmflurry/settings-opencode