정원 기술

Claude 코드, 커서, 코덱스 및 기타 AI 코딩 에이전트를 위한 프로덕션 준비 에이전트 스킬 모음입니다.

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

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

GPT-image-2 이미지 생성 / 프롬프트

아름다운 기사 어떤 출처든 아름다운 글→

[](#skills 갤러리)

영어 · 中文文档 · 日本語

---

목차

설치	사용	기여해
Install'skills' CLI (npx) Claude Code 플러그인 marketplace 고정됨 '.zip' from ReleasesManual copyGit 서브모듈	호환성 스킬이란 무엇인가요?	기여 감사의 글

---

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

카테고리: 웹 비디오 / 프레젠테이션 엔지니어링
**최적 용도: ** 대본, 기사, 강의, 제품 데모, 강연을 클릭 기반 16:9 웹 프레젠테이션으로 변환하여 시네마틱 비디오로 스크린 녹화할 수 있습니다.

'웹-비디오-프레젠테이션'은 비디오 제작 표면처럼 동작하는 Vite + React + TypeScript 프레젠테이션을 녹화 준비 상태로 만듭니다. 워크플로우는 원시 기사를 내레이션 스크립트로 바꾸고, 스크립트 비트를 전체 화면 장면에 매핑하며, 필요한 체크포인트에서 일시정지하고, 시각적 개요가 승인된 후에는 선택적으로 내레이션 오디오를 합성할 수 있습니다.

주요 내용:

• 고정된 1920×1080 스테이지로, 안정적인 화면 녹화를 위해 뷰포트에 맞게 스케일링
• 클릭/키보드로 구동되는 '(챕터, 스텝)' 커서, 각 시각적 단계마다 한 번씩 내레이션 비트가 있습니다
• 스크립트, 주제, 개요, 임프에 대한 하드 콜라보레이션 체크포인트

---

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