Free
Solenne · 16:9
Rendered by this Skill
Orbit Feature Card v1.0.0
One feature card enters, orbits a spinning dot sphere on a smooth Blender camera path and exits, all in 10 seconds.
No ratings yet 0 downloads
- Format
- Video · 16:9
- Length
- 0:10
Free Free with an account
Paste this into your agent. It connects the CLI if needed, then installs the Skill.
A free HyperFrames block that turns one product feature into a 3D moment. A dark card with a circular cut-out frames a dot sphere; it enters from the right, floats, makes a full orbit around the sphere and exits left, on camera motion exported from Blender. The feature title, description, accent colour and orbit angle are variables.
Updated Nov 2, 2026
What you get
- A 10-second 1920×1080 MP4 with a 3D feature card
- Blender-exported camera motion, played back frame-accurately
- Variables for title, description, accent and orbit angle
Good fit
- Feature highlights in app and SaaS launches
- Changelog and release-note clips
- Product tour inserts
Not for
- Several features on one card
- Real app screenshots (it shows text, not UI)
About this Skill
You say
/orbit-card Make an orbit card for our smart-home app's new feature: title "Evening wind-down", description "Lights dim, blinds close and the heat drops at sunset.", accent #E8735A.
Every feature deserves its own moment. Orbit Card puts one feature on a single card: a title, one sentence and an accent line, around a round window that frames a spinning sphere of dots. The camera path comes from a Blender rig, so the entry, the float, the full orbit and the exit feel shot rather than animated by hand.
How it works
- Ask: tell your agent what the card should say: the feature title, a one-sentence description and an accent colour.
- Set up: it puts the block in a HyperFrames project and fills in your copy and colours as render variables.
- Preview: it checks a few frames, then renders a 1920×1080 MP4 with
npx hyperframes render. - Reuse: the variables live in one JSON file, so a new headline or a new brand is one more render.
Tips
- One feature per card. For a feature list, render the block once per feature and cut them together.
- Keep the description under twelve words; it sits small on the card.
- Pick an accent from your brand palette; it colours the rule and the sphere glow.
- Set the orbit to 180° for a quicker turn or 720° for a showier one.
Open source
This is a HyperFrames registry block. Made by HeyGen and the HyperFrames contributors (heygen-com/hyperframes) and shared under the Apache License 2.0. The download is the block with its assets, ready to render; HyperFrames itself runs from npm.
What you need before you start
- You bring
- A feature name, one short sentence about it and your accent colour.
- Dependencies
- Node.js 22 or newer — required · FFmpeg — required
- Outside costs
- None. HyperFrames is free and open source and renders on your own machine.
- Last tested
- v1.0.0 —
User reviews
No reviews yet. Install the Skill and be the first to rate it.
FAQ
Can I show a screenshot on the card?
Not as it ships: the card holds a title and a sentence around the sphere. Your agent can edit the HTML to add an image, but the block is designed for short text.
How do I make a feature list?
Render the block once per feature with different variables and cut the clips together; each one starts and ends empty, so they join cleanly.
Why is it free?
It is an open-source Skill by HeyGen and the HyperFrames contributors. We list it as it is, with a sample made by running it on one of our house brands, Solenne.
