---
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/skills/claude-animation-skill"
language: "zh-CN"
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 技能是什么？

Claude Animation 是 buildwithhanif 提供的免费 agent 技能，用来制作 文章 视频。 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 上的每项技能都免费。

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

Potto 提供 Claude Animation v2026.9.23，更新于 2026年9月23日。再次复制安装提示词即可获得最新版本。