Communitygithub.com

nteherkai/website-to-hyperframes

Erfassen Sie eine Website-URL und erstellen Sie ein HyperFrames-Promo-/Produkttour-Video – von der Website zum fertigen Marketingvideo.

Was ist website-to-hyperframes?

Dieser Skill wandelt eine beliebige Website-URL automatisch in ein professionelles HyperFrames-Promo- oder Produkttour-Video um. Er ist ideal für Entwickler und Vermarkter, die schnell ansprechende Marketingvideos aus bestehenden Webseiten generieren möchten, ohne manuell Filmmaterial aufnehmen oder bearbeiten zu müssen. Der Skill unterstützt die Plattform HyperFrames und nutzt wahrscheinlich eine API oder ein Skript, um den Inhalt der Website zu analysieren, relevante Abschnitte zu extrahieren und diese in ein Videoformat mit Übergängen, Textüberlagerungen und Markenelementen zu rendern. Das Ergebnis ist ein fertiges Marketingvideo, das für Produktvorstellungen, Demo-Videos oder Werbekampagnen verwendet werden kann. Durch die Automatisierung dieses Prozesses sparen Nutzer erheblich Zeit und Aufwand bei der Videoproduktion.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht website-to-hyperframes?

Erfassen Sie eine Website-URL und erstellen Sie ein HyperFrames-Promo-/Produkttour-Video – von der Website zum fertigen Marketingvideo.

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.

Verwandte Skills