가든 스킬

Claude Code, Cursor, Codex 및 기타 AI 코딩 에이전트를 위한 제작 준비 완료 에이전트 스킬 큐레이션 모음입니다.

웹-비디오-프레젠테이션 웹 비디오 / 프레젠테이션

웹-디자인-엔지니어 디자인 / 프론트엔드

gpt-이미지-2 이미지 생성 / 프롬프트

kb-리트리버 로컬 지식 검색

English · 中文文档 · 日本語

---

목차

설치	사용	기여
skills CLI 설치 (npx)Claude Code 플러그인 마켓플레이스Pinned .zip from Releases수동 복사Git 서브모듈	호환성스킬이란?	기여감사의 글라이선스

---

web-video-presentation

카테고리: 웹 비디오 / 프레젠테이션 엔지니어링
최적 용도: 스크립트, 기사, 강의, 제품 데모, 발표를 클릭 기반 16:9 웹 프레젠테이션으로 변환하고 시네마틱 영상으로 화면 녹화를 할 때.

web-video-presentation은 비디오 제작 환경처럼 동작하는 기록 준비 완료 Vite + React + TypeScript 프레젠테이션을 만듭니다. 워크플로는 원시 기사를 내러이션 스크립트로 변환하고, 스크립트 비트를 전체 화면 씬에 매핑하며, 필요 체크포인트에서 일시정지하고, 시각적 개요가 승인된 후 선택적으로 내러이션 오디오를 합성할 수 있습니다.

주요 특징:

• 안정적인 화면 녹화를 위한 뷰포트에 맞춰 조정되는 고정 1920×1080 스테이지
• 시각 단계별로 하나의 내러이션 비트가 적용되는 클릭 / 키보드 기반 (챕터, 단계) 커서
• 스크립트, 테마, 개요, 구현을 위한 엄격한 협업 체크포인트

---

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.