pengchujin/livecanvas

어떤 프로젝트인가요?

핵심 기능

• 01문장 하나를 레이아웃이 디자인된 애니메이션 커버로 만듭니다.
• 02이미지, 이모지, 장면, 타임라인, 차트를 지원합니다.
• 03Linux, Windows, macOS에서 Apple Live Photo 리소스 쌍을 생성합니다.
• 04MP4 미리보기와 편집 가능한 Remotion 프로젝트를 내보냅니다.
• 05Skills CLI를 통해 Codex 및 기타 어시스턴트에 설치할 수 있습니다.

활용 사례

• 연간 기온과 같은 데이터 추세를 공유하기 좋은 애니메이션 커버로 만듭니다.
• 제품 비교나 시장 수치를 설명하는 짧은 애니메이션을 제작합니다.
• iPhone에서 공유할 차트의 Live Photo 버전을 만듭니다.

빠른 시작

1. 1

   Skills CLI로 모든 AI 어시스턴트에 스킬을 설치합니다

   npx skills add pengchujin/livecanvas --skill livecanvas -g
2. 2

   Codex에만 스킬을 설치합니다

   npx skills add pengchujin/livecanvas --skill livecanvas -g -a codex
3. 3

   새 채팅을 열고 README의 베이징 및 상하이 기온 예시와 같은 요청을 입력합니다

사용 전 알아둘 점

• !Node.js/npm, Python 3, FFmpeg 및 렌더링에 적합한 글꼴이 필요합니다.
• !어시스턴트가 웹 검색과 코드 실행을 할 수 있어야 합니다.
• !네이티브 Live Photo 출력은 macOS에서만 완전히 지원됩니다. 다른 플랫폼에서는 제약이 있는 포터블 방식을 사용합니다.

토픽

자주 묻는 질문

livecanvas은(는) 무엇인가요?

Remotion 기반의 AI 코딩 어시스턴트 스킬로, 문장 하나를 차트·이모지·타임라인이 담긴 Live Photo 스타일 애니메이션 커버로 만듭니다. LiveCanvas는 Codex, Claude Code 같은 AI 코딩 어시스턴트를 위한 스킬입니다. 주제를 설명하는 문장을 입력하면 사실을 검색하고 검증한 뒤 스토리보드를 구성하고, Remotion으로 애니메이션을 렌더링해 미리보기와 Apple Live Photo 에셋을 생성합니다.

livecanvas은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

livecanvas은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

livecanvas은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. livecanvas의 마지막 커밋은 2026년 10월 10일입니다.

livecanvas은(는) 어디에 사용할 수 있나요?

연간 기온과 같은 데이터 추세를 공유하기 좋은 애니메이션 커버로 만듭니다. 제품 비교나 시장 수치를 설명하는 짧은 애니메이션을 제작합니다. iPhone에서 공유할 차트의 Live Photo 버전을 만듭니다.

livecanvas는 어떻게 설치하나요?

Skills CLI로 모든 AI 어시스턴트에 스킬을 설치합니다: npx skills add pengchujin/livecanvas --skill livecanvas -g Codex에만 스킬을 설치합니다: npx skills add pengchujin/livecanvas --skill livecanvas -g -a codex 새 채팅을 열고 README의 베이징 및 상하이 기온 예시와 같은 요청을 입력합니다

livecanvas은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/pengchujin/livecanvas