story-to-handdrawn-video

story-to-handdrawn-video

Convert Chinese story text or ordered images into hand-drawn style animated videos.

Agent SkillDesignOpen source
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

Convert Chinese story text into hand-drawn animationsTransform ordered images into hand-drawn animationsGenerate hand-drawn animations with a book-flipping effectCreate preview versions of hand-drawn animations

Setup

Requires: Node.js 20 或更高版本Python 3.10 或更高版本FFmpegnpm
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