一项Claude技能，将一个情景、案例研究或知识库转化为一部简短的手绘动画解说片，由原创机器人角色主演。每一帧都用JavaScript绘制在画布上，配有程序化音乐和音效，因此影片是一个独立的文件——没有视频编辑器、没有素材、没有API密钥。

用简单的英语给它一个故事。它会确定故事的类型，需要多少角色，以及哪些事实必须出现在屏幕上——然后构建一部引导观众视角、讲述真实故事并以回顾结束的电影。

▶ 在YouTube上观看用Storify制作的样片（2分40秒，带声音）

---

这是什么？

大多数“解说动画”提示会生成带动态的幻灯片。Storify的构建核心是让课程真正记住的因素：

• 它讲述一个故事，而不是列表。 在编写任何代码之前，它会对你的故事进行分类（前后、工作原理、问题与修正、比较、警示故事、经验教训），并使用匹配的弧线——且-但-因此，一个转折点，一个明确的结局。
• **它能吸引注意力。

Storify — Animated Story Films Skill for Claude

A Claude skill that turns a scenario, case study or knowledge base into a short, hand-drawn animated explainer film starring an original cast of robot characters. Every frame is drawn in JavaScript on a canvas, with procedural music and sound, so the film is one self-contained file — no video editor, no stock assets, no API keys.

Give it a story in plain English. It works out what kind of story it is, how many characters it needs, and which facts must appear on screen — then builds a film that directs the viewer’s eye, tells a real story, and ends with a recap.

▶ Watch a sample film made with Storify on YouTube (2:40, with sound)

---

What is this?

Most “explainer animation” prompts produce a slideshow with motion. Storify is built around what actually makes a lesson stick:

• It tells a story, not a list. Before writing any code it classifies your story (before-and-after, how-it-works, problem-and-fix, comparison, cautionary tale, lessons learned) and uses the matching arc — And-But-Therefore, a turning point, a clear ending.
• It directs attention. One idea per beat, a camera that frames the speaker and what they’re acting on, a vignette on everything else, and speech bubbles that never cover the focal point.
• It stays accurate. A facts ledger is built from your source first; only those numbers and claims may appear on screen.
• It looks consistent. Every film shares one “sketchbook diorama” style — jittered double-stroked lines, a 6 fps line boil, paper texture — and one cast.

Outputs

---

How the skill is built

storify/
├── .claude-plugin/
│   ├── plugin.json            # plugin manifest
│   └── marketplace.json       # makes this repo a single-plugin marketplace
├── SKILL.md                   # the workflow + all reference code (the "brain")
└── examples/
    ├── regulatory-report-film.html   # a complete film built with the skill
    ├── cast-reel.html                # every character, animated
    ├── cast-sheet.png                # cast reference sheet
    └── storify-video-thumb.jpg       # README thumbnail for the YouTube sample

SKILL.md is a workflow, not a prompt. It walks Claude through:

1. Outputs — which of HTML / artifact / MP4 to make (checkboxes).
2. Story — paste it or attach it: a scenario, a case study, or a knowledge base.