story-to-handdrawn-video
Convert Chinese story text or ordered images into hand-drawn style animated videos.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 1.0k
- Source
- skill-github
Overview
story-to-handdrawn-video is an Agent Skill that transforms Chinese story text or a sequence of ordered hand-drawn images into a 3:4 vertical hand-drawn story animation. It includes 20 built-in style options, supports handwritten subtitles, left-to-right text reveal effects, and transitions between black-and-white sketches and colored illustrations. Built on Remotion, it outputs H.264 video tracks without voiceover or music, making it easy to add voiceovers later. The skill is driven by natural language input and requires no manual script execution.
Capabilities
- ▪Automatic sentence segmentation and dynamic shot composition for Chinese stories
- ▪Upload comic pages or full images while preserving original order and composition
- ▪Automatic separation of text areas (top) from illustration areas (bottom)
- ▪Locally generate black-and-white layers aligned with colored illustrations
- ▪Text → black-and-white sketch → colored illustration revealed from left to right
- ▪20 built-in hand-drawn styles
Use cases
Setup
1. Prepare the renderer project:\\n```bash\\ngit clone https://github.com/gnipbao/story-to-handdrawn-video.git\\ncd story-to-handdrawn-video\\nnpm ci\\nnpm run check # TypeScript check + shot structure validation, does not access the network\\n```\\n2. Install the Skill into the Agent's skills directory:\\n```bash\\n# Codex\\ncp -R skill-package/story-to-handdrawn-video ~/.codex/skills/\\n# Claude Code / General Agent\\ncp -R skill-package/story-to-handdrawn-video ~/.claude/skills/\\n# Kimi Code\\ncp -R skill-package/story-to-handdrawn-video ~/.agents/skills/\\n```\\n3. Inform the Skill where the renderer project is located (this step can be skipped if running the Agent inside the renderer project directory):\\n```bash\\nexport STORY_VIDEO_PROJECT=/absolute/path/to/story-to-han
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How to select different hand-drawn styles?
You can choose from the 20 built-in hand-drawn styles using numbering, English ID, Chinese name, or aliases.
Do I need an API Key?
The default image generation uses Codex Image2. An OpenAI API Key is only required when explicitly requested.
Related skills
video-shotcraft
AI video skill for creating cinematic product promotional videos.
manim_skill
An Agent skill for creating 3Blue1Brown-style animations with Manim.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
design-judge-skills
Evidence-driven Agent Skills for the entire design award process, covering award case retrieval, design evaluation, and award matching.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.