SkillKinetic Title Video
스스로 그려지는 로고 스팅 — 코드에서 렌더링되어 어떤 브랜드에도 준비 완료.
지원: Claude Code, Codex, Cursor, Muse · 버전 1.0 · 필요 사항: Node.js 18+ 및 npm. Remotion으로 로컬 렌더링합니다(첫 실행 시 헤드리스 Chrome 다운로드).
무료 다운로드 모든 Premium Skills 잠금 해제
미리보기
제공 내용
- 완전한 Remotion 프로젝트(컴포지션 + 렌더링 스크립트)
- 하나의 SVG 경로로 구동되는 그리기 아크 애니메이션
- 프레임 단위로 타이밍이 조정된 스프링 워드마크와 태그라인 등장
- 정사각형 1080x1080 MP4 출력. Root.tsx에서 길이와 형식 조정 가능
이 Skill 소개
5초짜리 키네틱 타이틀 스팅을 MP4로 렌더링합니다. 아크 마크가 한 획씩 그려지고, 이름이 스프링과 함께 착지하며, 태그라인이 떠오릅니다. Remotion으로 구축되어 전체 프레임이 시간의 함수입니다. 이름, 태그라인, 색상, 또는 마크의 SVG 경로를 바꾸면 어떤 브랜드, 채널, 출시에도 픽셀 단위로 완벽한 스팅을 다시 렌더링할 수 있습니다.
사용해 보기
scripts/render.sh ./title-sting.mp4이런 분께 적합
- 제품 출시 및 채널 인트로
- 데모와 강연용 브랜드 아이덴트
적합하지 않은 경우
- 실사 영상 또는 AI 생성 동영상
설치 방법
- 설치 프롬프트를 에이전트에 복사하세요:
Read https://skillu.dev/install/agent.md, then install the Kinetic Title Video skill (kinetic-title-video). - 또는 출시 후 이 페이지에서 Skill 패키지를 다운로드해, 그 폴더를 에이전트의 skills 디렉터리에 넣습니다.
- 슬래시 명령으로 호출하세요. 예:
/kinetic-title-video. 그리고 원하는 것을 평범한 말로 설명하세요.
자주 묻는 질문
동영상 편집 경험이 필요한가요?
아니요. 하나의 컴포넌트에서 이름과 태그라인 텍스트를 편집하고, 명령 하나를 실행하면 MP4가 렌더링됩니다.
제 로고 마크를 사용할 수 있나요?
네 — ARC_PATH 값을 임의의 단일 경로 SVG 로고로 교체하세요. 그리기 애니메이션이 그것을 따릅니다.