Communitygithub.com

nateherkai/website-to-hyperframes

웹사이트 URL을 받아 HyperFrames 프로모션/제품 둘러보기 동영상을 생성합니다 — 사이트 → 완성된 마케팅 동영상 결과물.

website-to-hyperframes란 무엇인가요?

이 스킬은 사용자가 웹사이트 URL을 제공하면 HyperFrames 플랫폼을 사용하여 프로모션 또는 제품 둘러보기 스타일의 마케팅 동영상을 자동으로 생성합니다. 개발자나 마케터가 웹사이트를 방문하지 않고도 시각적으로 매력적인 동영상을 제작할 수 있도록 도와줍니다. HyperFrames에 대한 지원을 기반으로 하며, AI 에이전트(Claude Code 등)와 함께 사용되어 웹사이트 콘텐츠를 분석하고 동영상 프레임워크에 맞게 변환합니다. 이 스킬은 사이트 구조를 파싱하여 주요 섹션을 식별하고, 이를 동영상 시퀀스로 구성하여 완성된 마케팅 자료를 출력합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/nateherkai/hyperframes-student-kit/tree/main/.agents/skills/website-to-hyperframes

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

website-to-hyperframes은(는) 무엇을 하나요?

웹사이트 URL을 받아 HyperFrames 프로모션/제품 둘러보기 동영상을 생성합니다 — 사이트 → 완성된 마케팅 동영상 결과물.

Individual skills in this repo

This repo contains 8 individual skills — each has its own dedicated page.

nateherkai/hyperframes-student-kit

Agent 2 of the video editing pipeline. Finds and removes spoken mistakes — stutters, repeated words, false starts, and retakes (re-recorded lines) — from a talking-head recording. Use after cut-silences, when asked to cut mistakes, remove stutters / repeats / filler restarts, clean up flubs, or keep the best take. Works review-gated: it proposes every cut with context and a reason for approval, then renders only the approved cuts via ffmpeg. Requires a word-level transcript.

nateherkai/hyperframes-student-kit

Agent 1 of the video editing pipeline. Removes silences and dead air from a talking-head recording. Use when asked to cut silences, trim pauses, remove dead air / gaps, or tighten the pacing of a raw video, given a word-level transcript. Produces an edit list (EDL), a re-timed transcript for downstream agents, and optionally the cut video via ffmpeg. Does NOT cut mistakes, repeats, or false starts — that is the cut-mistakes agent.

nateherkai/hyperframes-student-kit

Edit a raw talking-head video through transcription, silence trimming, mistake review, visual storytelling, motion graphics, and verified HyperFrames rendering. Use for a complete edit; route a single requested operation directly to its specialist skill.

nateherkai/hyperframes-student-kit

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

nateherkai/hyperframes-student-kit

HyperFrames CLI tool — hyperframes init, lint, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark. Use when scaffolding a project, linting or validating compositions, previewing in the studio, rendering to video, transcribing audio, generating TTS, or troubleshooting the HyperFrames environment.

nateherkai/hyperframes-student-kit

Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, and registry discovery.

nateherkai/hyperframes-student-kit

Plan, write, time, style, and validate motion-graphic beats for long-form talking-head HyperFrames videos. Use when Codex is asked to add or improve visual beats, glassmorphism lower thirds, crumpled-paper full-screen takeovers, transcript-synced callouts, pacing coverage, YouTube retention graphics, or render-ready overlays in an existing HyperFrames video project.

nateherkai/motion-showreel

Build 10–30s motion-design showreels in the style of Nate's Opus 5.5 CLAUDE/MOTION REEL — brand motif chapters, HUD, BPM-locked cuts, logo lockup.

관련 스킬