Updated today
by mathruffian-dot
claude-motion-explainer
用一句話讓 coding agent 做出原理解說動畫（HyperFrames + 中文旁白 + 字幕 + 三色主題）｜Agent skills for narrated explainer animations
23 GitHub stars (23)
+23 in 2 days
- 3 skills (3 skills found in its SKILL.md files)
- 9 forks (9 forks)
- Today last update (Last updated today)
Install
Skills CLI
npx skills add mathruffian-dot/claude-motion-explainer
Asks which skills and agents to install. Just one: npx skills add mathruffian-dot/claude-motion-explainer --skill motion-design — add -g for every project.
Claude Code
git clone https://github.com/mathruffian-dot/claude-motion-explainercp -r "claude-motion-explainer/skills/motion-design" ~/.claude/skills/
Copies the motion-design skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add mathruffian-dot/claude-motion-explainer
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
motion-design
動態設計品味規則（HyperFrames 版）— 時間軸、緩動、彈性、節奏、字體（含繁體中文）、配色、質感與場景連貫，全部附具體數字。只要是製作、調整、重新計時或打磨動畫影片、片頭、轉場、motion graphics、HyperFrames composition，就一定要使用此技能。觸發情境包含：「做一支動畫」、「做動態影片」、「做片頭」、「motion design」、「讓這段字動起來」、「調整動畫節奏」等。
skills/motion-design/SKILL.md on GitHub (opens in a new tab) -
motion-explainer
用自然語言做「原理解說動畫影片」的端到端流程（HyperFrames + 中文旁白 + 字幕 + 三色主題 + 自我審查），產出可直接上課投影或上傳 YouTube 的 MP4。只要使用者要做解說動畫、科普動畫、原理動畫、教學動畫、explainer video、motion graphics 解說片，或說「上網查資料做一支解說 X 的動畫」，就一定要使用此技能。觸發情境包含：「做一個解說動畫」、「做科普影片」、「把這個原理做成動畫」、「做一支 90 秒的教學動畫」、「explain X as an animated video」。
skills/motion-explainer/SKILL.md on GitHub (opens in a new tab) -
review-loop
動畫影片的視覺自我審查循環（HyperFrames 版）— 輸出草稿、在每個時間軸節拍截圖拼成 contact sheet、逐張對照檢查表、修正、重來。只要動畫的畫面或時間有任何修改，以及在宣告影片完成之前，都一定要使用此技能。
skills/review-loop/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries.
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
andrej-karpathy-skillsby multica-ai A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
-
ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
-
ui-ux-pro-max-skillby nextlevelbuilder An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
-
graphifyby Graphify-Labs Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Curs…