mermaid-to-gif 是做什麼的？
將 .mmd 或 .md 檔案中的 Mermaid 程式碼區塊轉換為動畫 GIF，支援可自訂的動畫樣式（漸進式、高亮度走訪、脈衝流、波浪）。
將 .mmd 或 .md 檔案中的 Mermaid 程式碼區塊轉換為動畫 GIF，支援可自訂的動畫樣式（漸進式、高亮度走訪、脈衝流、波浪）。
這是一個專為開發者設計的 AI 代理技能，可將 Mermaid 圖表程式碼（位於 .mmd 或 .md 檔案中）轉換為動畫 GIF。它支援四種動畫樣式：漸進式（progressive）、高亮度走訪（highlight walk）、脈衝流（pulse flow）以及波浪（wave），讓圖表更具動態視覺效果。此技能主要用於 Claude Code、Cursor 等 AI 編碼代理平台，能自動化生成圖表演示或文件中的動態素材。其運作方式是先解析 Mermaid 程式碼，再透過內建渲染引擎產生靜態圖表，最後依據所選樣式套用動畫框架並輸出為 GIF 格式。開發者可以藉此提升技術文件或簡報的互動性，而無需手動處理繁複的動畫製作流程。
npx skills add https://github.com/zc277584121/marketing-skills/tree/main/skills/mermaid-to-gif將 .mmd 或 .md 檔案中的 Mermaid 程式碼區塊轉換為動畫 GIF，支援可自訂的動畫樣式（漸進式、高亮度走訪、脈衝流、波浪）。
This repo contains 12 individual skills — each has its own dedicated page.
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.
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.
Adapt and rewrite content for different platforms (LinkedIn, X, Reddit, English blog, WeChat). Each platform has its own tone, format, and length requirements.
Fetch, store, and visualize GitHub repository traffic data (views, clones, referrers, stars) with trend charts. Requires repo push access.
Generate illustration images for articles and documentation with a Codex-first workflow, OpenAI API fallback, and Gemini fallback.
Write Milvus application-level Jupyter notebook examples using a Markdown-first workflow with jupyter-switch for format conversion.
Convert local Markdown files to Feishu (Lark) documents with automatic image uploading. Uses the feishu-docx CLI tool.
Convert Mermaid code blocks in Markdown files to PNG images using the mermaid.ink API.
Post-process raw screen recordings by removing silent segments and applying speed adjustments. Uses FFmpeg-based Python scripts to optimize video pacing automatically.
Review and adjust writing style to reduce AI-generated patterns, making text read more naturally and human-like. Supports Chinese and English.
Compress PNG and JPEG screenshots in place using pngquant and jpegoptim, keeping the original format for maximum compatibility.
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.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.