
keith-fajardo/storify
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
シナリオ、ケーススタディ、知識ベースを短くし、オリジナルのロボットキャラクターのキャストを主演する.
概要
シナリオ、ケーススタディ、知識ベースを短くし、オリジナルのロボットキャラクターのキャストを主演する。 すべてのフレームはキャンバスに JavaScript で描画されます。, 先例の音楽と音で, 映画は 1 つの自己完結ファイル — ビデオエディタなし, 株式資産なし, API キーなし. プレーン・イングリッシュのストーリーを聞かせてください。 どのような物語なのか、必要なキャラクターの数、そしてどの事実が画面上に現れなければならないのか、そしてビューアーの目を演出する映画を作り、実際のストーリーを伝え、そしてキャップで終わる。 ▶ YouTubeでStorifyで作ったサンプル映画を見る(2:40、音声付き) ほとんどの「明白なアニメーション」は、モーションでスライドショーを生成します。 Storifyは、実際にレッスンスティックを作るものの周りに構築されています。 - 任意のコードを書く前に、それはあなたの物語を分類します (前後, ハウツーワークス, 問題と修正, 比較, 注意すべき物語, 学習したレッスン) そして、一致するアークを使用して — そして、-しかし、それ, ターンポイント, クリアエンディング.
概要(AI 翻訳)
シナリオ、ケーススタディ、知識ベースを短時間に変えるClaudeスキル、手描きアニメーション説明フィルム、オリジナルのロボットキャラクターのキャスト。 すべてのフレームはキャンバスに JavaScript で描画されます。, 先例の音楽と音で, 映画は 1 つの自己完結ファイル — ビデオエディタなし, 株式資産なし, API キーなし.
プレーン・イングリッシュのストーリーを聞かせてください。 kindのストーリーは、必要なキャラクターの数と、画面上に表示しなければならない事実です。その後、ビューアの目を指示し、実際のストーリーを伝え、要約で終わるフィルムを作成します。
▶ YouTubeでStorifyで作ったサンプル映画を見る(2:40、音声付き)
お問い合わせ
これは何ですか?
ほとんどの「明白なアニメーション」は、モーションでスライドショーを生成します。 Storifyは、実際にレッスンスティックを作るものの周りに構築されています。
- リストではなくストーリーを伝えます。 任意のコードを書く前に、それはあなたの物語を分類します (前後, ハウツーワークス, 問題と修正, 比較, 注意すべき物語, 学習したレッスン) そして、一致するアークを使用して — そして、-But-その後, ターンポイント, クリアエンディング.
- **それは注意を指示します.
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
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
| Output | What you get |
|---|---|
| 🎞️ HTML file | One self-contained .html film with an interactive player (click-through by default, autoplay optional) |
| 🔗 Artifact | The same film published as a shareable page (Claude app only) |
| 📹 MP4 | A 1920×1080, 30 fps video with the soundtrack, rendered frame-by-frame — for slides, an LMS or social posts |
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:
- Outputs — which of HTML / artifact / MP4 to make (checkboxes).
- Story — paste it or attach it: a scenario, a case study, or a knowledge base.
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add keith-fajardo/storify