remotion-slide-stat

star 23

Remotion 슬라이드의 stat 타입 전용 스킬. 큰 숫자와 짧은 설명으로 임팩트를 주는 슬라이드를 설계하거나 수정할 때 사용.

Canine89 By Canine89 schedule Updated 4/14/2026

name: remotion-slide-stat description: >- Remotion 슬라이드의 stat 타입 전용 스킬. 큰 숫자와 짧은 설명으로 임팩트를 주는 슬라이드를 설계하거나 수정할 때 사용.

Stat Slide

언제 쓰나

  • 성과, KPI, 통계 수치를 강조할 때
  • 숫자 자체가 메시지의 핵심일 때
  • 1~3개 지표를 한 화면에 보여줄 때

타입

{
  type: "stat",
  badge: "카테고리명",
  title: "메인 타이틀",
  stats: [
    { value: "120만", label: "월간 활성 사용자" },
    { value: "40%", label: "비용 절감률" },
  ],
}

마크다운 패턴

# [성과] 서비스 성장 지표

$ 120만
월간 활성 사용자

$ 40%
비용 절감률
  • $ 로 시작하는 줄이 숫자(value)
  • 바로 다음 줄이 설명(label)
  • 빈 줄로 지표를 구분한다

시각화 힌트

숫자 뒤에 [bar:비율] 또는 [ring:비율]을 붙이면 시각화가 추가된다.

$ 120만 [bar:85]
월간 활성 사용자

$ 40% [ring:40]
운영 비용 절감
  • [bar:85] → 가로 프로그레스 바 (85% 채움)
  • [ring:40] → 원형 게이지 (40% 채움)
  • 비율 생략 시 기본 70% ([bar], [ring])
  • 힌트 생략 시 시각화 없이 숫자만 표시
  • 채우기 애니메이션이 자동 적용된다

에이전트 선택 기준

  • % 값 → ring 선택 (원형이 퍼센트를 직관적으로 표현)
  • 크기/양/속도 등 비교 대상 → bar 선택
  • 비율 값은 맥락에 맞게 판단 (120만이 목표 200만 대비면 [bar:60])

작성 원칙

  • 숫자는 짧고 임팩트 있게 (120만, 40%, 3.2초)
  • 설명은 한 줄로 유지
  • 1~3개가 적당, 4개 이상이면 split이나 title-bullets로 전환
  • 숫자에 단위를 포함하면 더 읽기 쉽다
Install via CLI
npx skills add https://github.com/Canine89/canine-remotion-slide --skill remotion-slide-stat
Repository Details
star Stars 23
call_split Forks 8
navigation Branch main
article Path SKILL.md
More from Creator