Communitygithub.com

zc277584121/mermaid-to-gif

将 .mmd 或 .md 文件中的 Mermaid 代码块转换为动画 GIF,支持自定义动画样式(渐进、高亮行走、脉冲流动、波浪)。

mermaid-to-gif 是什么?

此技能允许用户将 Mermaid 图表(包括 .mmd 和 .md 文件中的代码块)转换为动画 GIF。它支持四种不同的动画样式:渐进(逐步显示节点和连接)、高亮行走(依次高亮路径)、脉冲流动(线条脉冲流动)和波浪(节点波浪效果)。该工具适用于任何支持 Mermaid 的 AI 代理平台(如 Claude Code、Cursor、Codex),通过解析文件中的 Mermaid 代码,使用 Puppeteer 渲染图表,并应用 CSS 动画生成连续的 GIF 帧。输出结果是一个可直接嵌入文档或演示文稿的动画 GIF,增强了图表的视觉表达。用户可以通过在问题中指定文件路径和样式来轻松调用此技能,无需手动安装工具。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/zc277584121/marketing-skills/tree/main/skills/mermaid-to-gif

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

mermaid-to-gif 是做什么的?

将 .mmd 或 .md 文件中的 Mermaid 代码块转换为动画 GIF,支持自定义动画样式(渐进、高亮行走、脉冲流动、波浪)。

Individual skills in this repo

This repo contains 12 individual skills — each has its own dedicated page.

zc277584121/browser-screenshot

Take focused, region-specific screenshots from web pages. Navigates to the right page based on user context (URL, search query, social media post), locates the target region via DOM selectors, and crops to a clean, focused screenshot.

zc277584121/chrome-automation

Automate Chrome browser tasks using agent-browser CLI. Navigate pages, fill forms, click buttons, take screenshots, extract data, and replay recorded workflows — all inside the user's real Chrome session.

zc277584121/content-rewrite

Adapt and rewrite content for different platforms (LinkedIn, X, Reddit, English blog, WeChat). Each platform has its own tone, format, and length requirements.

zc277584121/github-traffic

Fetch, store, and visualize GitHub repository traffic data (views, clones, referrers, stars) with trend charts. Requires repo push access.

zc277584121/image-generation

Generate illustration images for articles and documentation with a Codex-first workflow, OpenAI API fallback, and Gemini fallback.

zc277584121/jupyter-notebook-writing

Write Milvus application-level Jupyter notebook examples using a Markdown-first workflow with jupyter-switch for format conversion.

zc277584121/md-to-feishu

Convert local Markdown files to Feishu (Lark) documents with automatic image uploading. Uses the feishu-docx CLI tool.

zc277584121/mermaid-to-image

Convert Mermaid code blocks in Markdown files to PNG images using the mermaid.ink API.

zc277584121/raw-video-processing

Post-process raw screen recordings by removing silent segments and applying speed adjustments. Uses FFmpeg-based Python scripts to optimize video pacing automatically.

zc277584121/remove-ai-style

Review and adjust writing style to reduce AI-generated patterns, making text read more naturally and human-like. Supports Chinese and English.

zc277584121/screenshot-compression

Compress PNG and JPEG screenshots in place using pngquant and jpegoptim, keeping the original format for maximum compatibility.

zc277584121/video-to-gif

Convert a video to multiple GIF variants with different quality/size tradeoffs. Generates a comparison set so the user can visually pick the best result.

相关技能