Diagram Animation
iart-ai/explainer-video-skills/skills/diagram-animation作者 iart-ai3e2d411b725d9a72939cf8e5eb81579e751373e7無授權條款34 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫3 個月前更新
This skill should be used when the user asks to "animate this diagram", "build a flowchart that reveals step by step", "animate an architecture/sequence diagram", "make a chart animate in", "grow the bars / draw the line / count up the number", "show data flowing along a connector", or "turn a static diagram into a guided reveal". Covers SVG, Framer Motion, D3, and Remotion.
- 3e2d411b725d9a72939cf8e5eb81579e751373e7目前提交 3e2d411發布於 2026年10月9日
來源與署名
來源：iart-ai/explainer-video-skills位於skills/diagram-animation提交3e2d411
授權條款： 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 iart-ai/explainer-video-skills 的技能
Wrapped Video
iart-ai
使用 Remotion 將資料表轉成 Spotify Wrapped 風格的個人化年度回顧影片，並支援批次渲染。
Whiteboard Animation
iart-ai
製作白板手繪動畫：讓馬克筆手勢沿著 SVG 路徑逐筆繪製，最後交付一個可獨立開啟的 HTML 檔案。
Isometric Animation
iart-ai
以獨立 HTML 建立等距 2.5D 動畫場景，可使用 CSS 3D、SVG 或 Three.js。
Explainer Video
iart-ai
指導製作 30–90 秒含旁白的解說影片全流程，從腳本、分鏡到帶字幕的 MP4 成品。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套預設配色與字型主題，並可即時產生新主題，為簡報、文件、報告與 HTML 頁面統一風格。
Slack Gif Creator
anthropics
為 Slack 製作尺寸與檔案大小經過最佳化的動畫 GIF，並提供 PIL 繪圖輔助、緩動函式與驗證工具。
Frontend Design
anthropics
在建立或改造使用者介面時，提供打造獨特、有意識視覺設計的指引。
Canvas Design
anthropics
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
Brand Guidelines
anthropics
將 Anthropic 官方品牌配色與字體套用到需要呈現 Anthropic 外觀風格的各類成品上。
Frontend Design
anthropics
指導代理為新介面或改版介面進行獨特、有意的視覺設計。