Communitygithub.com

zc277584121/mermaid-to-gif

.mmd 또는 .md 파일의 Mermaid 코드 블록을 프로그레시브, 하이라이트 워크, 펄스 플로우, 웨이브 등 다양한 애니메이션 스타일로 커스터마이즈 가능한 애니메이션 GIF로 변환합니다.

mermaid-to-gif란 무엇인가요?

이 스킬은 개발자가 다이어그램을 시각적으로 표현하는 데 사용하는 Mermaid 코드 블록을 애니메이션 GIF로 변환해주는 도구입니다. 정적인 Mermaid 다이어그램에 생동감을 불어넣어 프레젠테이션이나 문서에서 청중의 주의를 끌거나, 변화 과정을 단계별로 보여주는 데 유용합니다. 지원하는 애니메이션 스타일로는 프로그레시브(점진적), 하이라이트 워크(강조 따라가기), 펄스 플로우(맥동 흐름), 웨이브(파동) 등이 있어 다양한 요구에 맞출 수 있습니다. .mmd와 .md 파일을 모두 처리할 수 있으며, 내부적으로 명령줄 도구를 활용하여 Mermaid를 렌더링하고 GIF를 생성하는 방식으로 작동합니다. 개발자는 복잡한 변환 과정 없이 파일을 입력으로 제공하기만 하면 애니메이션 GIF를 결과물로 얻을 수 있어 문서 시각화 작업의 효율성을 크게 높일 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/zc277584121/marketing-skills/tree/main/skills/mermaid-to-gif

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

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.

관련 스킬