Communitygithub.com

GML-MMGroup/ClipTalk

타이틀 카드, 애니메이션 인트로, 시각적 설명자, 커버 모션과 같은 로컬 모션 그래픽 클립을 외부 API 없이 내장된 HTML/Playwright/FFmpeg 파이프라인을 사용하여 생성합니다.

ClipTalk란 무엇인가요?

이 스킬은 개발자와 AI 에이전트 사용자가 Remotion이나 HyperFrames와 유사한 HTML 기반 모션 그래픽을 로컬에서 렌더링할 수 있도록 지원합니다. 클라우드 API(예: TTS, 음악, 이미지 생성, 비디오 생성)를 호출하지 않고도 동적 타이틀 카드, 애니메이션 인트로, 시각적 설명자, 그리고 표지 모션을 포함한 다양한 애셋을 생성할 수 있습니다. ClipTalk의 시각적 정체성(어두운 UI 팔레트, 읽기 쉬운 중국어 타이포그래피, 안전 영역 여백)을 준수하며, Playwright와 FFmpeg가 로컬 환경에 설치되어 있어야 합니다. 작업 흐름은 워크스페이스 확인, `render_motion_graphics`로 모션 클립 렌더링, `compose_motion_intro`로 기존 컷에 통합(요청 시), 그리고 `run_delivery_qc`로 품질 검사를 수행하는 순서로 진행됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/GML-MMGroup/ClipTalk/tree/HEAD/skills/cliptalk-local-motion-renderer

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

ClipTalk 로컬 모션 렌더러

사용자가 Remotion 유사, HyperFrames 유사, HTML 비디오, 애니메이션 텍스트, 타이틀 카드, 인트로, 동적 커버, 또는 로컬에서 렌더링할 수 있는 시각적 설명자 애셋을 요청할 때 이 스킬을 사용하세요.

경계 조건:

  • 클라우드 렌더링, TTS, 음악, 이미지 생성, 또는 비디오 생성 API를 호출하지 마세요.
  • 사용자가 기존 컷에 병합하도록 요청하지 않는 한 별도의 로컬 모션 클립을 생성하세요. 병합을 요청한 경우에는 compose_motion_intro를 사용하여 새로운 출력 버전을 만드세요.
  • 출력은 감사 가능한 미리보기 아티팩트로 유지하세요. 공식 전달에는 여전히 전달-내보내기 스킬이 필요합니다.
  • 프로젝트의 ClipTalk 시각적 정체성, 어두운 UI 팔레트, 읽기 쉬운 중국어 타이포그래피, 그리고 안전 영역 여백을 선호합니다.

실행 단계:

  1. 현재 작업과 요청된 종횡비를 확인하기 위해서만 워크스페이스를 검사합니다.
  2. render_motion_graphics로 모션 클립을 렌더링합니다.
  3. 사용자가 현재 컷에 대한 모션 인트로를 요청했고 워크스페이스에 출력이 있는 경우, compose_motion_intro로 이를 구성합니다.
  4. 생성된 로컬 클립 또는 구성된 출력에 대해 run_delivery_qc를 실행합니다.

관련 스킬