podо/design-agent-skills

hyperframes

카탈로그 스텁 — 전체 패키지: heygen-com/hyperframes

참고: TTS 및 미디어 생성 기능을 사용하려면 HeyGen 계정이 필요합니다.

의사 결정 트리

1. 패키지가 이미 설치되었습니까? 확인: 에이전트 스킬 디렉토리에 hyperframes가 있으며 이 스텁 이상의 콘텐츠가 포함되어 있습니다.

   • 예 → hyperframes를 호출하여 진행합니다.
   • 아니요 → 2단계로 이동합니다.

2. 어떤 에이전트를 사용 중입니까?

   • Claude Code → npx skills add heygen-com/hyperframes — 또는 ! npx skills add …를 채팅 메시지로 보냅니다 (전역 설치 시 -g 추가, 프로젝트 전용 시 생략)
   • Cursor → npx skills add heygen-com/hyperframes
   • 기타 → npx skills add heygen-com/hyperframes 또는 GitHub README를 참조하세요.

설치 명령어

npx skills add heygen-com/hyperframes

TTS, 전사 및 비디오 렌더링 기능을 사용하려면 HeyGen 계정이 필요합니다. 애니메이션 제작은 계정 없이도 작동합니다.

설치 후 호출

• 스킬 이름: hyperframes
• 트리거 구문: "hyperframes", "HTML to video", "HeyGen", "render video from HTML", "Anime.js"

기능 설명

"HTML을 작성하고, 비디오를 렌더링하세요." — HTML 컴포지션에서 비디오 출력을 생성해야 하는 AI 코딩 에이전트를 위해 특별히 구축된 11가지 스킬 모음입니다. 다음을 포괄합니다: 컴포지션 제작(HTML/CSS/JS 장면 작성), HeyGen을 통한 텍스트 음성 변환 및 전사, CLI 기반 렌더링 워크플로, 재사용 가능한 미디어를 위한 에셋 레지스트리, 라이브 웹 콘텐츠 캡처를 위한 URL 캡처, 그리고 GSAP, Anime.js, 일반 CSS 애니메이션, Lottie 재생, Three.js 3D, Web Animations API(WAAPI)를 아우르는 6가지 애니메이션 하위 스킬. 에이전트 주도 비디오 제작 파이프라인을 위해 처음부터 설계되었습니다.

사용하지 말아야 할 경우

• 비디오 출력 없이 정적 애니메이션만 필요한 경우 (gsap-skills, framer-motion-skills 또는 animate-css-skill 사용)
• HeyGen 계정이 없는 경우 — 미디어 생성 기능(TTS, 비디오 렌더)이 작동하지 않습니다.