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`.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# HyperFrames Creative
Brand, pacing, style, narration, and composition direction. Use after the technical contract from `hyperframes-core` is in place.
For motion patterns, scene blueprints, transitions, and CSS marker effects, use `hyperframes-animation` — this skill is intentionally non-animation.
> **Read these two FIRST for any non-trivial composition — they override web instincts:**
>
> - `references/house-style.md` — "interpret the prompt, generate real content," the lazy-default list, and the background/foreground layer recipe. This is what turns a literal restyle into a _concept_.
> - `references/video-composition.md` — video-medium scale, depth, and foreground detail. It explains how to avoid empty web-page layouts without imposing a universal element count.
>
> Skipping these is the single biggest cause of generic, web-page-looking output. They are not optional rows in the routing table below — for anything beyond a one-line edit, open both before you choose colors or write HTML.
## Workflow
…
The line at the top of this page pins the label git:20260905.0fdcfaa, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_hx7cxcmitziv5kzd
GET https://markdownregistry.com/api/v1/resolve?ref=ethanyoq/skill-hub/hyperframes-creative
GET https://markdownregistry.com/api/v1/blob/488782fc741a43e002b5c6ac0da69cc2b12abaa42b6c0056df2aa53bea553c16
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
ethanyoq/skill-hub · archives/user-installed-skills/aact-bulk-trials/e07736f27453c7b6/aact-bulk-trials/SKILL.md · 使用 AACT (Aggregate Analysis of ClinicalTrials.gov) PostgreSQL 数据仓库进行批量、历史、聚合性临床试验数据挖掘。Use this skill when the user…
ethanyoq/skill-hub · archives/user-installed-skills/adaptive-quality-gate/b5189ce6c1bdba9b/adaptive-quality-gate/SKILL.md · Use when work produces a deliverable, factual claim, dataset, code change, decision, publication, deployment…
ethanyoq/skill-hub · archives/user-installed-skills/add-changeset/eca9273317fbdf81/add-changeset/SKILL.md · Create a changeset file in .changeset/ that describes a user-facing change for the release notes
ethanyoq/skill-hub · archives/user-installed-skills/add-competitor/72939df8cfcf87bc/add-competitor/SKILL.md · Add a new competitor to the AI Visibility Tool Directory — researches the tool, generates data, takes a screenshot, and…
ethanyoq/skill-hub · archives/user-installed-skills/add-lang/00700e7d79525f4e/add-lang/SKILL.md · Add tree-sitter language support to codegraph end-to-end — wire the grammar + extractor, write tests, then benchmark…
ethanyoq/skill-hub · archives/user-installed-skills/aesthetic/a4c80565d9241341/aesthetic/SKILL.md · Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing…
ethanyoq/skill-hub · archives/user-installed-skills/agent-eval/61ca5bbbd5c736b7/agent-eval/SKILL.md · Benchmark CodeGraph retrieval quality on a real codebase by comparing agent behavior with vs without CodeGraph. Use…
ethanyoq/skill-hub · archives/user-installed-skills/agent-reach/330e35da8cf10b5e/agent-reach/SKILL.md · MUST USE when user wants to 调研/research/搜索/search/查/找/look up anything on the internet — e.g. 全网调研 X / 帮我调研一下 X / 查一下 X…
ethanyoq/skill-hub · archives/user-installed-skills/agent-reach/81c9cf0fc08ce044/agent-reach/SKILL.md · MUST USE when user wants to 调研/research/搜索/search/查/找/look up anything on the internet — e.g. 全网调研 X / 帮我调研一下 X / 查一下 X…
devin-axis/ipollowork · .agents/skills/hyperframes-creative/SKILL.md · Plan visual direction, typography, pacing, audio, and composition for iPollo Video projects.
coco-research/coco · systems/hyperframes/skills/hyperframes-creative/SKILL.md · Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes…
evovexai/evoflow · skills/public/hyperframes-creative/SKILL.md · Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes…
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/hyperframes/hyperframes-creative/SKILL.md · Use when non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling…
