KF

keith-fajardo/storify

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

25 stars 품질 48 트렌드 19

시나리오, 사례 연구 또는 지식베이스를 짧은으로 돌리고, 로봇 캐릭터의 원래 캐스팅을 출연.

개요

시나리오, 사례 연구 또는 지식베이스를 짧은으로 돌리고, 로봇 캐릭터의 원래 캐스팅을 출연. 모든 프레임은 캔버스에 자바 스크립트에서 그려져 있습니다, 발음 음악과 소리, 그래서 영화는 하나의 자체 포함 된 파일 - 비디오 편집기 없음, 주식 자산 없음, API 키. 일반 영어에 이야기하십시오. 그것은 어떤 종류의 이야기를 작동, 얼마나 많은 문자가 필요, 그리고 사실은 화면에 나타나야 - 그 후 시청자의 눈을 직접 영화를 구축, 진짜 이야기를 말해, 그리고 다시 캡과 끝. ▶ YouTube에서 Storify로 만든 샘플 필름 (2:40, 사운드) 대부분의 "explainer Animation"은 슬라이드 쇼를 모션으로 생산합니다. Storify는 실제로 수업 스틱을 만드는 데 사용됩니다. - 모든 코드를 작성하기 전에 스토리를 분류합니다 (예 : 후, 방법 - 작품, 문제 및 수정, 비교,주의 의식, 교훈 배운) 그리고 일치 아크를 사용 - And-But-Therefore, 도는 포인트, 명확한 종료.

개요(AI 번역)

A Claude Skill는 시나리오, 사례 연구 또는 지식베이스를 짧은으로 옮겼습니다. hand-drawn animated descriptioner film는 로봇 캐릭터의 원래 캐스팅을 출연합니다. 모든 프레임은 캔버스에 자바 스크립트에서 그려져 있습니다, 발음 음악과 소리, 그래서 영화는 하나의 자체 포함 된 파일 - 비디오 편집기 없음, 주식 자산 없음, API 키.

일반 영어에 이야기하십시오. kind of stories it is, 얼마나 많은 문자가 필요한지, 그리고 실제로 화면에 나타나야한다 — 그 후 시청자의 눈을 직접 영화를 구축, 실제 이야기를 말해, 그리고 다시 캡과 끝.

▶ YouTube에서 Storify로 만든 샘플 필름 (2:40, 사운드)


이것은 무엇입니까?

대부분의 "explainer Animation"은 슬라이드 쇼를 모션으로 생산합니다. Storify는 실제로 수업 스틱을 만드는 데 사용됩니다.

  • 그것은 이야기, 목록이 아닙니다. 모든 코드를 작성하기 전에 스토리를 분류 (예 : 후, 방법 - 작품, 문제 및 수정, 비교,주의 의식, 교훈 배운) 및 일치 아크를 사용 - And-But-Therefore, 도는 포인트, 명확한 종료.
  • **주의를 기울입니다.

이 페이지는 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 가이드부터 시작하세요 →