Menu
Remotion 슬라이드의 stat 타입 전용 스킬. 큰 숫자와 짧은 설명으로 임팩트를 주는 슬라이드를 설계하거나 수정할 때 사용.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Remotion 슬라이드의 compare 타입 전용 스킬. 2~4개 항목을 나란히 비교하는 슬라이드를 설계하거나 수정할 때 사용.
Remotion 슬라이드의 evolution-flow 타입 전용 스킬. 왼쪽 상태에서 오른쪽 상태로 무엇이 어떻게 바뀌었는지, 그 변화 축과 결과를 3열 흐름으로 설명할 때 사용.
슬라이드를 PDF로 내보내기. 각 슬라이드를 PNG로 렌더한 뒤 pdf-lib으로 합쳐서 단일 PDF 파일을 생성한다. "PDF로 뽑아줘", "PDF 내보내기" 등의 요청에 사용.
Remotion 슬라이드의 quote 타입 전용 스킬. 핵심 문장이나 인용구를 큰따옴표 장식과 함께 크게 보여주는 슬라이드를 설계하거나 수정할 때 사용.
Remotion 슬라이드의 steps 타입 전용 스킬. 번호가 매겨진 순차 프로세스를 연결선과 함께 보여주는 슬라이드를 설계하거나 수정할 때 사용.
Remotion 기반 타이포 중심 발표 슬라이드 생성의 상위 오케스트레이터 스킬. 슬라이드 주제와 내용을 보고 적절한 개별 타입 스킬(title-image, title-tags, title-bullets, split)을 선택해 구성할 때 사용.
| name | remotion-slide-stat |
| description | Remotion 슬라이드의 stat 타입 전용 스킬. 큰 숫자와 짧은 설명으로 임팩트를 주는 슬라이드를 설계하거나 수정할 때 사용. |
{
type: "stat",
badge: "카테고리명",
title: "메인 타이틀",
stats: [
{ value: "120만", label: "월간 활성 사용자" },
{ value: "40%", label: "비용 절감률" },
],
}
# [성과] 서비스 성장 지표
$ 120만
월간 활성 사용자
$ 40%
비용 절감률
$ 로 시작하는 줄이 숫자(value)숫자 뒤에 [bar:비율] 또는 [ring:비율]을 붙이면 시각화가 추가된다.
$ 120만 [bar:85]
월간 활성 사용자
$ 40% [ring:40]
운영 비용 절감
[bar:85] → 가로 프로그레스 바 (85% 채움)[ring:40] → 원형 게이지 (40% 채움)[bar], [ring])% 값 → ring 선택 (원형이 퍼센트를 직관적으로 표현)bar 선택[bar:60])