// Remotion 슬라이드의 compare 타입 전용 스킬. 2~4개 항목을 나란히 비교하는 슬라이드를 설계하거나 수정할 때 사용.
Remotion 슬라이드의 evolution-flow 타입 전용 스킬. 왼쪽 상태에서 오른쪽 상태로 무엇이 어떻게 바뀌었는지, 그 변화 축과 결과를 3열 흐름으로 설명할 때 사용.
슬라이드를 PDF로 내보내기. 각 슬라이드를 PNG로 렌더한 뒤 pdf-lib으로 합쳐서 단일 PDF 파일을 생성한다. "PDF로 뽑아줘", "PDF 내보내기" 등의 요청에 사용.
Remotion 슬라이드의 quote 타입 전용 스킬. 핵심 문장이나 인용구를 큰따옴표 장식과 함께 크게 보여주는 슬라이드를 설계하거나 수정할 때 사용.
Remotion 슬라이드의 stat 타입 전용 스킬. 큰 숫자와 짧은 설명으로 임팩트를 주는 슬라이드를 설계하거나 수정할 때 사용.
Remotion 슬라이드의 steps 타입 전용 스킬. 번호가 매겨진 순차 프로세스를 연결선과 함께 보여주는 슬라이드를 설계하거나 수정할 때 사용.
Remotion 기반 타이포 중심 발표 슬라이드 생성의 상위 오케스트레이터 스킬. 슬라이드 주제와 내용을 보고 적절한 개별 타입 스킬(title-image, title-tags, title-bullets, split)을 선택해 구성할 때 사용.
| name | remotion-slide-compare |
| description | Remotion 슬라이드의 compare 타입 전용 스킬. 2~4개 항목을 나란히 비교하는 슬라이드를 설계하거나 수정할 때 사용. |
{
type: "compare",
badge: "카테고리명",
title: "메인 타이틀",
columns: [
{ heading: "React", bullets: ["생태계가 크다", "자유도가 높다"] },
{ heading: "Vue", bullets: ["학습 곡선이 낮다"] },
{ heading: "Svelte", bullets: ["번들 크기가 작다"] },
],
}
# [비교] 프레임워크 선택
|| React
- 생태계가 크다
- 자유도가 높다
|| Vue
- 학습 곡선이 낮다
- 공식 도구가 잘 갖춰져 있다
|| Svelte
- 번들 크기가 작다
- 컴파일 타임 최적화
|| 로 시작하는 줄이 컬럼 제목- 불릿이 해당 컬럼의 설명| 상황 | 타입 |
|---|---|
| A에서 B로 변한 흐름 | evolution-flow |
| A, B, C를 동시에 비교 | compare |