Use this plugin when the user wants a "NYT Graph" HyperFrames motion video — Animated data chart in print editorial style
Scanned 9/3/2026
Install to Claude Code
npx -y skills add nexu-io/open-design --skill frame-nyt-graph --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Frame Nyt Graph?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/nexu-io-frame-nyt-graph)More formats (shields.io, HTML) on the badges page.
---
name: video-template-frame-nyt-graph
description: Use this plugin when the user wants a "NYT Graph" HyperFrames motion video — Animated data chart in print editorial style
license: Apache-2.0
metadata:
author: heygen-com / Hyperframes
version: "0.1.0"
od:
mode: video
scenario: video
surface: hyperframes
---
# NYT Graph
Animated data chart in print editorial style
## What this template is
A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under `source/`. It renders deterministically to MP4 / WEBM at 16:9, default 15s, 30fps.
**Best for:** News-style stat reveal · Line chart over time · Editorial data point
## Workflow
1. Read `source/index.html` to understand the named layers and the animation timeline.
2. Replace the sample copy (headlines, figures, labels) with the user's real content; keep the motion timing and visual signature intact.
3. Keep the composition self-contained under `source/`; do not introduce external network assets that would break a headless render.
4. Render to MP4 via the html-video / HyperFrames renderer.
## Attribution
Source: html-video `templates/frame-nyt-graph` (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/nyt-graph.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!