Que fait mermaid-to-gif ?
Convertit les blocs de code Mermaid dans les fichiers .mmd ou .md en GIF animés avec des styles d'animation personnalisables (progressif, défilement de surbrillance, flux pulsé, vague).
Convertit les blocs de code Mermaid dans les fichiers .mmd ou .md en GIF animés avec des styles d'animation personnalisables (progressif, défilement de surbrillance, flux pulsé, vague).
Cette compétence permet aux développeurs de convertir des diagrammes Mermaid, présents dans des fichiers .mmd ou .md, en GIF animés. Elle est utile pour créer des présentations dynamiques, de la documentation interactive ou des démonstrations visuelles de processus. La compétence supporte plusieurs styles d'animation comme le style progressif (affichage étape par étape), le défilement de surbrillance (mise en lumière séquentielle des éléments), le flux pulsé (effet de vague sur les connexions) et le style vague. Grâce à son intégration dans des outils d'IA comme Claude Code ou Cursor, les utilisateurs peuvent facilement transformer des diagrammes statiques en contenus animés sans quitter leur environnement de développement. Le processus consiste à analyser le fichier source, extraire les blocs Mermaid, générer des images intermédiaires avec Puppeteer ou un rendu similaire, puis assembler les images en un GIF avec une bibliothèque comme gif.js ou ImageMagick.
npx skills add https://github.com/zc277584121/marketing-skills/tree/main/skills/mermaid-to-gifConvertit les blocs de code Mermaid dans les fichiers .mmd ou .md en GIF animés avec des styles d'animation personnalisables (progressif, défilement de surbrillance, flux pulsé, vague).
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.