KF

keith-fajardo/storify

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

25 stars Качество 48 Тренд 19

Это превращает сценарий, тематические исследования или базу знаний в короткий, с оригинальным составом персонажей-роботов.

Обзор

Это превращает сценарий, тематические исследования или базу знаний в короткий, с оригинальным составом персонажей-роботов. Каждый кадр нарисован в JavaScript на холсте, с процедурной музыкой и звуком, поэтому фильм представляет собой один автономный файл — ни видеоредактора, ни фондовых активов, ни ключей API. Дайте ему историю на простом английском. Он выясняет, что это за история, сколько персонажей ей нужно, и какие факты должны появиться на экране — затем строит фильм, который направляет взгляд зрителя, рассказывает реальную историю и заканчивается повторением. Смотрите образец фильма, сделанный со Storify на YouTube (2:40, со звуком) Большинство «анимационных объяснений» побуждает создавать слайд-шоу с движением. Storify построен вокруг того, что на самом деле делает урок: Прежде чем писать какой-либо код, он классифицирует вашу историю (до и после, как это работает, проблема и исправление, сравнение, предостерегающая история, извлеченные уроки) и использует соответствующую дугу - И-Но-Поэтому, поворотный момент, четкий конец.

Обзор (машинный перевод)

Умение Клода, которое превращает сценарий, тематические исследования или базу знаний в короткий, ** нарисованный вручную анимационный фильм-объяснитель** с оригинальным составом персонажей-роботов. Каждый кадр нарисован в JavaScript на холсте, с процедурной музыкой и звуком, поэтому фильм представляет собой один автономный файл — ни видеоредактора, ни фондовых активов, ни ключей API.

Дайте ему историю на простом английском. Он выясняет, что это за история, сколько персонажей ей нужно, и какие факты должны появиться на экране, а затем создает фильм, который направляет взгляд зрителя, рассказывает реальную историю и заканчивается повторением.

Смотрите образец фильма, сделанный со Storify на YouTube (2:40, со звуком)

##Что это такое?

Большинство «анимационных объяснений» побуждает создавать слайд-шоу с движением. Storify построен вокруг того, что на самом деле делает урок:

Это история, а не список. ** Прежде чем писать какой-либо код, он классифицирует вашу историю (до и после, как она работает, проблема и исправление, сравнение, предостерегающая история, извлеченные уроки) и использует соответствующую дугу - И-Но-Поэтому, поворотный момент, четкое окончание. ** Это привлекает внимание.

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

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.
Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add keith-fajardo/storify
Новичок в MCP? Начните с руководства на mcpskill.org →