Template · Skill template

motion-frames.

A single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero video poster you can hand straight to HyperFrames or any keyframe-based exporter. Use when the brief asks for "motion design", "animated hero", "loop", "video poster", "title card", or pairs Open Claude Design with HyperFrames for a kinetic export.

Mode: prototype
Platform: desktop
Scenario: marketing

Fork on GitHub

motion-frames preview — Rendered from the template's seed data.

What's in this template

Templates ship as forkable folders. Depending on origin, they include SKILL.md instructions, a preview example, or a template.html/data.json renderer with README notes.

SKILL.md — Skill
example.html — Rendered from the template's seed data.
assets/ — Template
references/ — Craft principle