mermaid-to-gif 是做什么的?
将 .mmd 或 .md 文件中的 Mermaid 代码块转换为动画 GIF,支持自定义动画样式(渐进、高亮行走、脉冲流动、波浪)。
将 .mmd 或 .md 文件中的 Mermaid 代码块转换为动画 GIF,支持自定义动画样式(渐进、高亮行走、脉冲流动、波浪)。
此技能允许用户将 Mermaid 图表(包括 .mmd 和 .md 文件中的代码块)转换为动画 GIF。它支持四种不同的动画样式:渐进(逐步显示节点和连接)、高亮行走(依次高亮路径)、脉冲流动(线条脉冲流动)和波浪(节点波浪效果)。该工具适用于任何支持 Mermaid 的 AI 代理平台(如 Claude Code、Cursor、Codex),通过解析文件中的 Mermaid 代码,使用 Puppeteer 渲染图表,并应用 CSS 动画生成连续的 GIF 帧。输出结果是一个可直接嵌入文档或演示文稿的动画 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.