Communitygithub.com

zc277584121/mermaid-to-gif

Konvertiert Mermaid-Codeblöcke in .mmd- oder .md-Dateien in animierte GIFs mit anpassbaren Animationsstilen (progressiv, Highlight-Walk, Pulsfluss, Welle).

Was ist mermaid-to-gif?

Die Fähigkeit `zc277584121/mermaid-to-gif` ermöglicht es dir, Mermaid-Diagramme aus Markdown- oder `.mmd`-Dateien in animierte GIFs umzuwandeln. Sie unterstützt verschiedene Animationsstile wie progressiv (schrittweiser Aufbau), Highlight-Walk (Hervorhebung von Knoten/Kanten), Pulsfluss (pulsierende Kanten) und Wellen (fließende Bewegung). Du kannst Parameter wie Bildgröße, Hintergrundfarbe, Geschwindigkeit und Timing pro Frame anpassen. Die Fähigkeit ist ideal für Entwickler, die Diagramme in Dokumentationen, Präsentationen oder sozialen Medien visuell ansprechender gestalten möchten. Sie funktioniert mit Standard-Mermaid-Syntax und erfordert nur lokale Tools wie `mmdc` (Mermaid CLI) und `ffmpeg` oder `ImageMagick`. Der Workflow umfasst das Parsen der Mermaid-Blöcke, die Generierung von Frames mit unterschiedlichen Bearbeitungszuständen und die Kompilierung zu einer GIF-Datei.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/zc277584121/marketing-skills/tree/main/skills/mermaid-to-gif

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht mermaid-to-gif?

Konvertiert Mermaid-Codeblöcke in .mmd- oder .md-Dateien zu animierten GIFs mit anpassbaren Animationsstilen (progressiv, Highlight-Walk, Pulsfluss, Welle).

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.

Verwandte Skills