HyperFrames Keyframes
SkillMediahyperframes-keyframes lets your AI turn written HTML into finished video. Describe what you want, and your AI can build the frames and render them into a video file you can use right away.
Use HyperFrames Keyframes in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add HyperFrames Keyframes and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the HyperFrames Keyframes skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; Ahel provides instructions and does not run this skill.
No other account needed.
Add the skill, then ask your AI to build a simple video from an HTML description. Review the rendered result and request changes in plain language.
What your AI can do with it
- Turn HTML layouts into rendered video
- Create animated keyframe sequences from code
- Produce video output without a video editor
- Iterate on a video by editing the HTML and re-rendering
What this skill tells your AI
The instructions your AI receives, as published by diogenesoftoronto/keating in video/keating-surface-tour/.agents/skills/hyperframes-keyframes/SKILL.md and read by Ahel’s review.
Use this Skill for timeline-controlled keyframe animation.
- Express animation from explicit timeline time or progress.
- Define stable values before, during, and after each animated interval.
- Avoid state that depends on prior frame execution.
- Keep easing and overlap intentional and compatible with scene duration.
- Verify direct seeking at key boundaries and the final frame.
Signals
- GitHub stars
- 36
- Last commit
- Oct 2026
Advanced
- Item type
- skill
- Key
hyperframes-keyframes- Source
- github.com/diogenesoftoronto/keating
github.com/diogenesoftoronto/keating