Hyperframes Video
Current Hyperframes pack for HTML-first motion videos, lintable frames, previews, and render command prep.
Install
$ agentstack add skill-sarveshsea-design-skills-hyperframes-video ✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
Verified badge
Passed review? Show it. Paste this badge into your README, it links to the public security report.
Links to your public security report.[](https://agentstack.voostack.com/security/report/skill-sarveshsea-design-skills-hyperframes-video) Reliability & compatibility
Declared compatibility
Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.
We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.
How agent discovery & health will work →About
Hyperframes Video
Use this Note when the video can be expressed as a deterministic HTML scene. Hyperframes is the lighter path for product cards, marketing loops, website captures, and simple composited explainers.
Current Workflow
- Generate
index.htmlandhyperframes.jsonin.memoire/videos/. - Preview with
npx hyperframes preview .from the project folder, or pass the
folder explicitly from Studio.
- Lint with
npx hyperframes lint .before rendering when the command is
available.
- Render with
npx hyperframes render . --output dist/.mp4.
Scaffold Rules
- Keep all external assets local to the project folder or explicit URLs.
- Prefer CSS keyframes and deterministic layout over runtime mutation.
- Store render outputs in
dist/and keephyperframes.jsonas the command
contract Studio can inspect.
- Use
@hyperframes/coreor@hyperframes/producerfor programmatic validation
and rendering once the sidecar grows beyond command preparation.
Quality Bar
- Use fixed dimensions, fps, and duration in config.
- Avoid layout shifts between preview and render.
- Keep colors/tokens aligned with the source product rather than inventing a
separate video theme.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: sarveshsea
- Source: sarveshsea/design-skills
- License: MIT
- Homepage: https://www.memoire.cv/notes/community/
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet, be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.