KF

keith-fajardo/storify

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

25 stars 品質 48 トレンド 19

シナリオ、ケーススタディ、知識ベースを短くし、オリジナルのロボットキャラクターのキャストを主演する.

概要

シナリオ、ケーススタディ、知識ベースを短くし、オリジナルのロボットキャラクターのキャストを主演する。 すべてのフレームはキャンバスに 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:

  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.
GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add keith-fajardo/storify
MCP 初心者?mcpskill.org のガイドから始めましょう →