---
title: "Claude Animation Skill"
description: "Make short hand-drawn 2D animations entirely in JavaScript — storybook / textured-editorial illustration (paper grain, hatching, blue construction guides, glossy insect…"
canonical: "https://potto.ai/zh-Hant/skills/claude-animation-skill"
language: "zh-Hant"
dateModified: "2026-09-23"
---

# Claude Animation Skill

Make short hand-drawn 2D animations entirely in JavaScript — storybook / textured-editorial illustration (paper grain, hatching, blue construction guides, glossy insect…

Make short hand-drawn 2D animations entirely in JavaScript — storybook / textured-editorial illustration (paper grain, hatching, blue construction guides, glossy insect characters, nest cross-sections) and brush-ink + watercolour explainers — rendered frame-exact with node canvas and ffmpeg, with synthesised sound. Use for "bikin animasi", "animate this story", "hand-drawn animation", "storybook animation", "JS animation", "line drawing animation", "animasi semut", kids' story or science explainer animations. Not for UI micro-interactions, slide decks, or talking-head video editing.

- 執行於: Claude Code
- 輸出: MP4, Audio (MP3 / WAV)
- 生成所用: Your agent's own model
- v2026.9.23 · buildwithhanif

## Claude Animation 常見問題

Claude Animation 的作用、可執行它的代理程式、所需的金鑰，以及如何免費安裝。

### Claude Animation skill 是什麼？

Claude Animation 是 buildwithhanif 提供的免費 agent skill，用來製作 文章 影片。 Make short hand-drawn 2D animations entirely in JavaScript — storybook / textured-editorial illustration (paper grain, hatching, blue construction guides, glossy insect…

### Claude Animation 會產生什麼？

Claude Animation 會產生 MP4和Audio (MP3 / WAV)。

### 哪些 agent 可以執行 Claude Animation？

Claude Animation 可在 Claude Code 中執行，也可在任何能讀取 SKILL.md 的其他 agent 中執行。

### Claude Animation 需要 API 金鑰嗎？

不需要。Claude Animation 無需額外的 API 金鑰即可使用。

### 如何安裝 Claude Animation？

登入後，複製 Claude Animation 的安裝提示詞並貼到你的 agent，或下載它的 ZIP。Potto 上的每項 skill 都免費。

### Potto 上的 Claude Animation 是哪個版本？

Potto 提供 Claude Animation v2026.9.23，更新於 2026年9月23日。再次複製安裝提示詞即可取得最新版本。