Curated by @dev_mine · 2026-10-04
Video & image skills · 1–10
Ten skills with English and Korean guides. Install them in your own agent environment to create and edit media.
These are installation resources. HyperFrames and Remotion render in your own environment. Original authors retain their attribution; dev_mine curates the guides.
1. HyperFrames CLI
Initialize, preview, validate and render HTML video projects with the HyperFrames command line.
Installation guide →
2. HyperFrames
The starting point for creating videos with HTML, CSS and JavaScript. Routes your brief to the appropriate workflow.
Installation guide →
3. HyperFrames Registry
Find and install reusable visual blocks before building a composition.
Installation guide →
4. Media Use
Source images, music, effects, logos and narration for a HyperFrames project.
Installation guide →
5. HyperFrames Core
Define composition structure, scene timing and the renderable HTML contract.
Installation guide →
6. HyperFrames Animation
Plan atomic motion, scene transitions and multi-phase animation sequences.
Installation guide →
7. HyperFrames Creative
Set typography, palette, narrative direction and visual composition for a video.
Installation guide →
8. Remotion Best Practices
Guidance for React video compositions, timing, captions and rendering with Remotion.
Installation guide →
9. HyperFrames Keyframes
Add camera moves, reframing, zooms and Ken Burns motion to a composition.
Installation guide →
10. Video Edit · fal.ai
Edit an existing video with Wan 2.7 on fal.ai. This ESF adaptation preserves the upstream source attribution.
Installation guide →