skilld
All skills
heygen-com avatar

/hyperframes-creative

@ff6e210
by HeyGenheygen-com/hyperframes55k stars
4,998

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

Ask your Agent

Use this Skill: https://skilld.dev/gh/heygen-com/hyperframes/hyperframes-creative

This session only. Nothing lands on disk.

referencesdata-in-motion.md

≈319 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Data in Motion

Light guidance for data and stats in video compositions. house-style.md handles aesthetics; this just addresses data-specific pitfalls.

Visual Continuity

When successive stats belong to the same concept (Q1 → Q2 → Q3 → Q4, or three metrics for the same product), keep them in the same visual space with the same aesthetic. Only the VALUE changes. An aesthetic change should signal a new concept, not just a new number.

Numbers Need Visual Weight

A number on its own floats in empty space. Pair every metric with a visual element that gives it presence — a proportional fill bar, a background color shift, a shape that represents the value, a progress ring. The visual doesn't need to be a chart — it just needs to fill the frame and make the data feel tangible rather than just text on a background.

Avoid Web Patterns

  • No pie charts — hard to compare, looks like PowerPoint
  • No multi-axis charts — viewer can't study intersections in a 3-second window
  • No 6-panel dashboards — 2-3 related metrics side-by-side is fine, 6+ is a web pattern
  • No gridlines, tick marks, or legends — visual noise that adds nothing in motion
  • No chart library output — build with GSAP + SVG/CSS, not D3 or Chart.js

Source: SKILL.md on GitHub

Third-party checks

1 warning2d3 checks · Risk MEDIUM
  • Gen Agent Trust Hub2d

    The skill includes a dependency management utility that dynamically installs and loads Node.js packages at runtime and executes system commands for media processing. While these features facilitate its intended use as a video generation tool, they represent a significant capability that should be reviewed.

  • Socket2d

    No alerts

  • Snyk2d

    Risk: LOW · No issues

Provenance

Signed by skilld at ff6e210. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 15 hours ago.

Activeupdated 4 days ago

README badge

README badge for heygen-com/hyperframes/hyperframes-creative