Back to browse

nexu-io/open-design

video-template-frame-data-chart-nyt

Use this plugin when the user wants a "NYT-Style Data Chart Frame" HyperFrames motion video — NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).

68Collecting
See source evidenceView GitHub source
npx skills add https://github.com/nexu-io/open-design --skill "plugins/_official/video-templates/frame-data-chart-nyt"
Source profileContent productionCatalog only

Source checked Jul 28, 2026·Refresh due Oct 26, 2026

Limited to facts supported by the pinned source

What the pinned source establishes about video-template-frame-data-chart-nyt

NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).

npx skills add https://github.com/nexu-io/open-design --skill "plugins/_official/video-templates/frame-data-chart-nyt"
Check the pinned source

The pinned source contains about 128 English words and 3 usable sections. That evidence supports a source profile, not a complete guide.

128 source words · 3 usable sections

What the source actually contains

3 verifiable source sections for video-template-frame-data-chart-nyt

Sections are extracted automatically from the pinned SKILL.md and link back to the source.

01

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…

SKILL.md · Workflow
Read source/index.html to understand the named layers and the animation timeline.Replace the sample copy (headlines, figures, labels) with the user's real content; keep the motion timing and visual signature intact.Keep the composition self-contained under source/; do not introduce external network assets that would break a headless render.
02

What this template is

A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under source/. It renders deterministically to MP4 / WEBM at 16:9, 9:16, 1:1, default 15s, 60fps.

SKILL.md · What this template is
A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under source/. It renders deterministically to MP4 / WEBM at 16:9, 9:16, 1:1, default 15s, 60fps.Best for: Editorial data viz · Annual report · Comparison reveal
03

Attribution

Source: html-video templates/frame-data-chart-nyt (license Apache-2.0).

SKILL.md · Attribution
Source: html-video templates/frame-data-chart-nyt (license Apache-2.0).

Choose a different workflow

When another Skill is the better fit

design-review

Use when the user says "review the design", "check the UI", or wants a comprehensive UI/UX review. Uses a 7-phase methodology covering interaction, responsiveness, accessibility, and more.

A separate implementation from event4u-app/agent-config; compare its source, maintenance signals, and permission requirements.

Open source detail

dask

Distributed computing for larger-than-RAM pandas/NumPy workflows. Use when you need to scale existing pandas/NumPy code beyond memory or across clusters. Best for parallel file processing, distributed ML, integration with existing pandas code. For out-of-core analytics on single machine use vaex; for in-memory speed use polars.

A separate implementation from K-Dense-AI/scientific-agent-skills; compare its source, maintenance signals, and permission requirements.

Open source detail

medchem

Medicinal chemistry filters for compound triage. Apply drug-likeness rules (Lipinski, Veber, CNS), structural alert catalogs (PAINS, NIBR, ChEMBL), complexity metrics, and the medchem query language for library filtering.

A separate implementation from K-Dense-AI/scientific-agent-skills; compare its source, maintenance signals, and permission requirements.

Open source detail

FAQ

How do I install video-template-frame-data-chart-nyt?

The source record exposes this install command: npx skills add https://github.com/nexu-io/open-design --skill "plugins/_official/video-templates/frame-data-chart-nyt". Inspect the command and pinned source before running it.

Repository stars
82,073
Repository forks
9,485
Quality
68/100
Source repository last pushed

Quality breakdown

Based on traceable docs and repository signals; stars are not treated as quality.

68/100
Documentation17/30
Specificity14/25
Maintenance20/20
Trust signals17/25

Compare before choosing

Related Agent Skills and source variants

These links are selected from shared tasks, functions, stacks, platforms, and same-name variants. Compare the source owner, documentation, permissions, and maintenance signals.

design-review by event4u-app

Use when the user says "review the design", "check the UI", or wants a comprehensive UI/UX review. Uses a 7-phase methodology covering interaction, responsiveness, accessibility, and more.

dask by k-dense-ai

Distributed computing for larger-than-RAM pandas/NumPy workflows. Use when you need to scale existing pandas/NumPy code beyond memory or across clusters. Best for parallel file processing, distributed ML, integration with existing pandas code. For out-of-core analytics on single machine use vaex; for in-memory speed use polars.

medchem by k-dense-ai

Medicinal chemistry filters for compound triage. Apply drug-likeness rules (Lipinski, Veber, CNS), structural alert catalogs (PAINS, NIBR, ChEMBL), complexity metrics, and the medchem query language for library filtering.

neurokit2 by k-dense-ai

Use NeuroKit2 to build or audit reproducible research workflows for physiological time-series preprocessing, event/interval analysis, multimodal alignment, variability, and complexity. Trigger when code imports neurokit2 or needs its current APIs, schemas, and method-aware validation—not for diagnosis or device validation.

higgsfield-generate by MoizIbnYousaf

Use when the user wants to generate an image or video via Higgsfield AI. Covers 30+ models: Soul V2, Seedance 2.0, Kling 3.0, Veo 3.1, GPT Image 2, Nano Banana 2. Also covers Marketing Studio — branded ad video/image with avatars and products. Use whenever: "generate an image", "make a video", "animate this photo", "image-to-video", "img2vid", "edit this image with AI", "produce a clip", "create an ad", "make a UGC video", "marketing video", "brand video", "TV spot", "import product from URL", "

View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 1 min

NYT-Style Data Chart Frame

NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).

What this template is

A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under source/. It renders deterministically to MP4 / WEBM at 16:9, 9:16, 1:1, default 15s, 60fps.

Best for: Editorial data viz · Annual report · Comparison reveal

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-data-chart-nyt (license Apache-2.0).

Skill path
plugins/_official/video-templates/frame-data-chart-nyt/SKILL.md
Commit SHA
89d6d4ef21ba
Repository license
Apache-2.0
Data collected