Animated Stats Video
연기하는 숫자 — 카운트업, 자라는 바, 그리고 착지하는 최종 수치.
지원: Claude Code, Codex, Cursor, Muse · 버전 1.0 · 필요 사항: Node.js 18+ 및 npm. Remotion으로 로컬 렌더링합니다(첫 실행 시 헤드리스 Chrome 다운로드).
무료 다운로드 모든 Premium Skills 잠금 해제
미리보기
제공 내용
- 완전한 Remotion 프로젝트(컴포지션 + 렌더링 스크립트)
- 하나의 이징 헬퍼로 구동되는 세 개의 애니메이션 비트
- 카운트업 숫자, 진행 바, 마무리 수치
- 소셜 및 랜딩 페이지용 1080x1080 MP4 출력
이 Skill 소개
코드에서 애니메이션 통계 동영상을 렌더링합니다. 핵심 지표가 카운트업되고, 진행 바가 카운터와 함께 자라며, 마무리 수치가 그 의미와 함께 착지합니다. 세 개의 비트, 약 6초, 완전히 결정적입니다. 지표 회고, 마일스톤 게시물, 이해관계자 업데이트 등 숫자가 스크린샷 이상의 대우를 받을 만한 경우를 위해 만들어졌습니다.
사용해 보기
scripts/render.sh ./stats.mp4
이런 분께 적합
- 지표 회고 및 마일스톤 공지
- 투자자 및 이해관계자 업데이트
적합하지 않은 경우
- 실시간 대시보드 또는 실시간 데이터
설치 방법
- 설치 프롬프트를 에이전트에 복사하세요:
Read https://skillu.dev/install/agent.md, then install the Animated Stats Video skill (animated-stats-video). - 또는 출시 후 이 페이지에서 Skill 패키지를 다운로드해, 그 폴더를 에이전트의 skills 디렉터리에 넣습니다.
- 슬래시 명령으로 호출하세요. 예:
/animated-stats-video. 그리고 원하는 것을 평범한 말로 설명하세요.
자주 묻는 질문
어떤 숫자를 애니메이션으로 만들어야 하나요?
뒷받침할 수 있는 세 가지입니다. 핵심 지표 하나, 진행 지표 하나, 성과 수치 하나. 각각 그 의미를 설명하는 캡션과 함께요.
타이밍을 바꿀 수 있나요?
네. 각 비트는 ease() 헬퍼를 통해 두 프레임 사이에서 애니메이션됩니다. 범위를 이동하면 타이밍이 조정됩니다.