Remotion 기반의 AI 코딩 어시스턴트 스킬로, 문장 하나를 차트·이모지·타임라인이 담긴 Live Photo 스타일 애니메이션 커버로 만듭니다.
gnipbao/story-to-handdrawn-video
중국어 이야기나 순서가 지정된 이미지를 Remotion으로 렌더링해 무음 3:4 손그림 일기 만화 영상으로 만드는 에이전트 스킬입니다.
- 스타
- 2,383
- 포크
- 330
- 열린 이슈
- 2
- 마지막 커밋
- 2개월 전
어떤 프로젝트인가요?
story-to-handdrawn-video는 중국어 이야기 문구나 순서가 지정된 이미지 모음을 세로형 손그림 애니메이션으로 만듭니다. AI 에이전트가 스토리보드를 구성하고 이미지 도구로 손글씨 중국어 캡션이 들어간 일러스트 마스터 페이지를 생성하면, 로컬 파이프라인이 이를 레이어로 분리합니다. 이후 Remotion이 결과물을 720×960 또는 1080×1440 해상도의 무음 H.264 MP4로 재생성해, 후반 작업에서 보이스오버나 음악을 추가할 수 있도록 합니다.
두 가지 애니메이션 모드를 지원합니다. 레이어 모드에서는 왼쪽에서 오른쪽으로 텍스트, 컬러 일러스트에서 추출한 흑백 이미지, 컬러 이미지 순으로 나타납니다. 페이지 넘김 모드에서는 페이지 전체를 그대로 유지한 채 오른쪽 아래 모서리부터 말아 올려 다음 페이지를 보여줍니다. 이 프로젝트에는 스타일 레시피 297개와 색상 팔레트 30개 카탈로그, 엄선된 기본 스타일 30개 메뉴, 참조 이미지의 스타일을 분석해 저장하고 재사용하는 워크플로가 포함되어 있습니다.
이 프로젝트는 Remotion 렌더러와 설치 가능한 Agent Skill로 제공되며, Codex, Claude Code, Kimi Code 같은 에이전트에서 사용할 수 있습니다. 새 아트워크를 생성하려면 Node.js 20 이상, Python 3.10 이상, FFmpeg, 그리고 에이전트에서 사용할 수 있는 이미지 생성 도구가 필요합니다.
핵심 기능
- 01중국어 이야기 텍스트나 순서가 지정된 이미지를 무음 3:4 세로형 MP4로 변환합니다.
- 02정확한 손글씨 중국어 캡션이 들어간 일러스트를 한 번에 생성합니다.
- 03레이어 모드에서는 텍스트, 흑백 이미지, 컬러 이미지를 순서대로 보여줍니다.
- 04페이지 넘김 모드에서는 오른쪽 아래 모서리부터 말아 올려 원본 페이지 전체를 넘깁니다.
- 05스타일 레시피 297개와 색상 팔레트 30개, 오프라인에서 둘러볼 수 있는 카탈로그를 제공합니다.
- 06참조 이미지를 분석해 사용자 지정 스타일을 저장하고 나중에 재사용합니다.
활용 사례
- 짧은 이야기로 손그림 일기 스타일이나 그림책 영상을 제작할 때.
- 이미 그려 둔 일러스트 페이지 모음을 순서대로 애니메이션화할 때.
- 전체 렌더링을 시작하기 전에 아트 스타일을 미리 보고 비교할 때.
- 나중에 보이스오버나 음악을 넣을 무음 영상 초안을 제작할 때.
빠른 시작
- 1
저장소를 클론합니다
git clone https://github.com/gnipbao/story-to-handdrawn-video.git - 2
프로젝트 폴더로 이동합니다
cd story-to-handdrawn-video - 3
렌더러 종속 항목을 설치합니다
npm ci - 4
Skill을 Codex skills 폴더에 복사합니다
cp -R skill-package/story-to-handdrawn-video ~/.codex/skills/
사용 전 알아둘 점
- 새 아트워크를 만들려면 Agent에서 사용할 수 있는 이미지 생성 도구가 필요합니다.
- Node.js 20 이상, Python 3.10 이상, FFmpeg 및 호환되는 브라우저가 필요합니다.
- 내보낸 동영상은 무음이므로 후반 작업에서 내레이션과 음악을 추가해야 합니다.
포함된 컬렉션
토픽
자주 묻는 질문
- story-to-handdrawn-video은(는) 무엇인가요?
- 중국어 이야기나 순서가 지정된 이미지를 Remotion으로 렌더링해 무음 3:4 손그림 일기 만화 영상으로 만드는 에이전트 스킬입니다. story-to-handdrawn-video는 중국어 이야기 문구나 순서가 지정된 이미지 모음을 세로형 손그림 애니메이션으로 만듭니다. AI 에이전트가 스토리보드를 구성하고 이미지 도구로 손글씨 중국어 캡션이 들어간 일러스트 마스터 페이지를 생성하면, 로컬 파이프라인이 이를 레이어로 분리합니다. 이후 Remotion이 결과물을 720×960 또는 1080×1440 해상도의 무음 H.264 MP4로 재생성해, 후반 작업에서 보이스오버나 음악을 추가할 수 있도록 합니다.
- story-to-handdrawn-video은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- story-to-handdrawn-video은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- story-to-handdrawn-video은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. story-to-handdrawn-video의 마지막 커밋은 2026년 9월 22일입니다.
- story-to-handdrawn-video은(는) 어디에 사용할 수 있나요?
- 짧은 이야기로 손그림 일기 스타일이나 그림책 영상을 제작할 때. 이미 그려 둔 일러스트 페이지 모음을 순서대로 애니메이션화할 때. 전체 렌더링을 시작하기 전에 아트 스타일을 미리 보고 비교할 때. 나중에 보이스오버나 음악을 넣을 무음 영상 초안을 제작할 때.
- story-to-handdrawn-video는 어떻게 설치하나요?
- 저장소를 클론합니다: git clone https://github.com/gnipbao/story-to-handdrawn-video.git 프로젝트 폴더로 이동합니다: cd story-to-handdrawn-video 렌더러 종속 항목을 설치합니다: npm ci Skill을 Codex skills 폴더에 복사합니다: cp -R skill-package/story-to-handdrawn-video ~/.codex/skills/
- story-to-handdrawn-video은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/gnipbao/story-to-handdrawn-video
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
HTML, Canvas, SVG, Three.js, GSAP 또는 Remotion 코드로 작성한 짧은 영상을 계획·제작·렌더링·검수하도록 Claude Opus 5.5를 안내하는 Claude Code 스킬입니다.
스토리 아이디어, 각본, 소설을 대본·스토리보드·캐릭터·영상 생성 에이전트의 협업으로 여러 장면의 영상으로 만드는 에이전트형 영상 생성 프레임워크입니다.
스토리보드 작성, 멀티모달 생성, 에셋 관리를 위한 무한 캔버스를 제공하는 오픈소스 AI 영화·숏드라마 제작 워크스페이스입니다.
AI 이미지·동영상·스토리보드를 만들 수 있는 로컬 노드 기반 캔버스로, 캔버스 내 에이전트와 3D 디렉터 스튜디오, 플러그인 방식의 생성 Provider를 제공합니다.
노드 그래프, 전문 편집 도구, 3D 디렉터 스테이지를 결합해 단편 영상·게임·광고 에셋을 만드는 로컬 우선 데스크톱 AI 아트 엔진입니다.