story-to-handdrawn-video

Установка

npx skillfoxx add skills/story-to-handdrawn-video

npx skills add gnipbao/story-to-handdrawn-video --skill story-to-handdrawn-video -a claude-code -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .claude/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .claude/skills/story-to-handdrawn-video

npx skills add gnipbao/story-to-handdrawn-video --skill story-to-handdrawn-video -a cursor -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .agents/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .agents/skills/story-to-handdrawn-video

npx skills add gnipbao/story-to-handdrawn-video --skill story-to-handdrawn-video -a github-copilot -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .github/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .github/skills/story-to-handdrawn-video

npx skills add gnipbao/story-to-handdrawn-video --skill story-to-handdrawn-video -a codex -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .agents/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .agents/skills/story-to-handdrawn-video

npx skills add gnipbao/story-to-handdrawn-video --skill story-to-handdrawn-video -a gemini-cli -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .agents/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .agents/skills/story-to-handdrawn-video

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .devin/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .devin/skills/story-to-handdrawn-video

npx skills add gnipbao/story-to-handdrawn-video --skill story-to-handdrawn-video -a cline -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .cline/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .cline/skills/story-to-handdrawn-video

npx skills add gnipbao/story-to-handdrawn-video --skill story-to-handdrawn-video -a roo -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .roo/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .roo/skills/story-to-handdrawn-video

npx skills add gnipbao/story-to-handdrawn-video --skill story-to-handdrawn-video -a opencode -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .agents/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .agents/skills/story-to-handdrawn-video

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .agents/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .agents/skills/story-to-handdrawn-video

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/gnipbao/story-to-handdrawn-video.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skill-package/story-to-handdrawn-video/
git -C "$tmp" checkout 198aefa9b298af3a20d3bd757c93433623d38ccd
mkdir -p .agents/skills
cp -R "$tmp/skill-package/story-to-handdrawn-video" .agents/skills/story-to-handdrawn-video

git clone https://github.com/gnipbao/story-to-handdrawn-video.git
cd story-to-handdrawn-video
npm ci
npm run check

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл собирает из текста истории или упорядоченных изображений вертикальную рисованную анимацию 3:4 в виде немого видеоряда. Текст он разбивает на кадры по предложениям, сохраняя исходные формулировки, а для загруженных страниц сам отделяет подпись от иллюстрации и строит выровненный черно-белый слой. В обычном режиме кадр раскрывается слева направо по цепочке текст, черно-белый рисунок, цветная иллюстрация, в режиме перелистывания сохраняется исходная страница и добавляется загибание уголка. Есть библиотека из двадцати рисованных стилей от цветного карандаша и детских восковых мелков до туши, акварели, гуаши и книжной графики, по умолчанию заблокирован стиль дневникового комикса цветным карандашом. Итог это немой файл MP4, озвучка и музыка остаются на пост-обработку. Рендер идет на Remotion, картинки по умолчанию делаются через Codex Image2.

Для кого. Для авторов контента, иллюстраторов и маркетологов, которым нужна короткая рисованная анимация по тексту истории или картинкам.

Пример запроса к агенту

Используй story-to-handdrawn-video и сделай из этой истории рисованную анимацию под последующую озвучку

Ограничения

Скилл рассчитан прежде всего на текст на китайском, поддержка изображений идет по исходному порядку. Нужны Node.js 20, Python 3.10, FFmpeg с доступными ffmpeg и ffprobe, а также Google Chrome или совместимый браузер под управлением Remotion. Картинки по умолчанию генерируются через Codex Image2, явный режим через OpenAI API требует OPENAI_API_KEY, а этот сервис из России без VPN недоступен. На выходе немой видеоряд без звука.

Как отключить. Удалите папку story-to-handdrawn-video из каталога скиллов агента: ~/.claude/skills/ для Claude Code или ~/.codex/skills/ для Codex. Проект рендерера можно удалить как обычную папку.

Проверка безопасности

• Скилл запускает локальные скрипты рендера, генерацию изображений и FFmpeg
• Режим через OpenAI API обращается к стороннему сервису при наличии ключа

Коротко о README

README на китайском и английском описывает две части репозитория: проект рендерера на Remotion в корне и распространяемый скилл в папке skill-package. Скилл превращает текст истории или упорядоченные картинки в вертикальную рисованную анимацию 3:4 с раскрытием кадра слева направо и опциональным перелистыванием. Есть двадцать встроенных стилей с примерами на одной сцене и заблокированный стиль по умолчанию, дневниковый комикс цветным карандашом. Для работы нужны Node.js 20, Python 3.10, FFmpeg и Chrome, установка идет клонированием и копированием папки скилла в каталог агента. Картинки по умолчанию через Codex Image2, на выходе немой MP4. Лицензия MIT.

SKILL.md

---
name: story-to-handdrawn-video
description: Convert Chinese story copy or ordered local images into a silent hand-drawn Remotion story video. Supports a locked user-approved colored-pencil diary default plus a built-in 20-style library covering doodle, crayon, line explainer, ink, watercolor, gouache, storybook, zine, whiteboard, and printmaking looks. Use when the user asks to generate, import, restyle, preview, or render a hand-drawn story video, asks for the bundled diary-comic look, or wants to choose and compare hand-drawn visual styles.
---

# Story to Hand-drawn Video

Use the project renderer through this Skill's scripts/run_story_video.py. Set STORY_VIDEO_PROJECT when the project is not the current working directory.

## Workflow

1. Accept inline Chinese story text, a UTF-8 text file, or ordered local images.
2. Preserve the user's wording. For text input, keep one complete sentence as one beat by default.
3. For uploaded composite pages, automatically crop the handwritten caption and illustration, then derive an aligned black-and-white plate locally.
4. In direct-cut mode, keep the order text, bw_full, color; reveal every stage from left to right.

Похожие