HyperFrames Animation
heygen-com/hyperframes
Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.
Builds a short animated posting-license card video from an X profile's name, handle, counters and avatar, using a fixed template that the agent only fills in and renders.
Install X Posting License Video
$ npx skills add heygen-com/hyperframes-community-skills --skill x-posting-license -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install heygen-com/hyperframes-community-skills x-posting-license --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/heygen-com/hyperframes-community-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/x-posting-license .claude/skills/x-posting-license && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "x-posting-license" agent skill from https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/x-posting-license into .claude/skills/x-posting-license/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-posting-license", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/x-posting-licenseType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add heygen-com/hyperframes-community-skills --skill x-posting-license -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install heygen-com/hyperframes-community-skills x-posting-license --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/heygen-com/hyperframes-community-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/x-posting-license .agents/skills/x-posting-license && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "x-posting-license" agent skill from https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/x-posting-license into .agents/skills/x-posting-license/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-posting-license", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add heygen-com/hyperframes-community-skills --skill x-posting-license -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install heygen-com/hyperframes-community-skills x-posting-license --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/heygen-com/hyperframes-community-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/x-posting-license .cursor/skills/x-posting-license && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "x-posting-license" agent skill from https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/x-posting-license into .cursor/skills/x-posting-license/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-posting-license", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/heygen-com/hyperframes-community-skills.git --path skills/x-posting-license--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add heygen-com/hyperframes-community-skills --skill x-posting-license -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install heygen-com/hyperframes-community-skills x-posting-license --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/heygen-com/hyperframes-community-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/x-posting-license .gemini/skills/x-posting-license && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "x-posting-license" agent skill from https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/x-posting-license into .gemini/skills/x-posting-license/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-posting-license", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install heygen-com/hyperframes-community-skills x-posting-licenseInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add heygen-com/hyperframes-community-skills --skill x-posting-license -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/heygen-com/hyperframes-community-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/x-posting-license .github/skills/x-posting-license && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "x-posting-license" agent skill from https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/x-posting-license into .github/skills/x-posting-license/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-posting-license", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add heygen-com/hyperframes-community-skills --skill x-posting-license -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install heygen-com/hyperframes-community-skills x-posting-license --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/heygen-com/hyperframes-community-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/x-posting-license .opencode/skills/x-posting-license && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "x-posting-license" agent skill from https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/x-posting-license into .opencode/skills/x-posting-license/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-posting-license", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
x-posting-license- GitHub stars
- 187
- Token cost
- ~1.2k tokens
- SKILL.md length
- 529 words
- Files
- 4 (incl. scripts, references)
- Skills in repo
- 8
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
Builds a short animated posting-license card video from an X profile's name, handle, counters and avatar, using a fixed template that the agent only fills in and renders.
- Works in 3 steps: Gather profile data — name, handle,… → Build the project from the template → Render (ask the user before rendering if…
- Making an animated license-style card video for an X account
- SKILL.md covers Requirements, Network and side effects…, Flow (three steps, no… and Verify success, plus 2 more sections
- Runs JavaScript scripts from its folder; calls npx and node
What it does
This skill produces a novelty video that styles an X profile as a driver's license. The composition is a finished template at 1920×1080 and 60fps, running 10.35s: the card slides in, the text types on, the follower, following and post counters count up, the card flips to a fine-print back with a signature, and then it leaps out of frame. The agent is told not to touch the timeline and only supplies data.
The workflow has three steps. First the agent collects the display name, handle, join month and year, the three counters, one bio line and a 400×400 avatar, using the recipes in references/profile-data.md. Then scripts/build.mjs fills the template into an output folder, checking that counters are non-negative integers, stripping control characters, capping lengths, escaping HTML and refusing to write through symlinks. Finally the HyperFrames CLI renders the project, and the agent should ask first if your setup gates renders.
Rendering needs Node 18 or later and the HyperFrames CLI through npx, plus a macOS GPU for the WebGL dot background. The signature uses the macOS font Snell Roundhand and falls back to a generic cursive font on Linux. Profile data comes from x.com, pbs.twimg.com and api.fxtwitter.com, and the animation library GSAP loads from jsDelivr, so rendering is not fully offline. No credentials are needed.
When your agent uses it
- Making an animated license-style card video for an X account
- Turning an X handle into a short shareable motion graphic
- Requests such as 'X driver's license' or 'posting license' for a given handle
Example prompts
- “Make an X posting license video for @JakeFromHeyGen.”
- “Build a license card video for my X account, with my avatar and current follower count.”
- “Generate the license card for the X account JakeFromHeyGen and render it at 60fps.”
Requirements
- Node 18+ and the HyperFrames CLI via npx
- A macOS GPU for the WebGL render
- Network access to x.com, api.fxtwitter.com and jsDelivr
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Gather profile data — name, handle, joined month/year, followers,
- Build the project from the template
- Render (ask the user before rendering if your harness gates renders)
What it can do on your machine
Read from SKILL.md and the folder at commit ba7a0bb. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (JavaScript), which the agent can run.
Shell commands in SKILL.md call:
npxnode
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
originkit.dev
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
X Posting License Video loads about 1.2k tokens when it runs, and up to ~1.6k if it reads all its reference files. Until then it costs about 158 tokens; SKILL.md has 529 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
The full file from heygen-com/hyperframes-community-skills at commit ba7a0bb, republished under its Apache-2.0 licence (© heygen-com). 529 words, ~1,227 tokens.
Download SKILL.mdSave it as
.claude/skills/x-posting-license/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.- name
- x-posting-license
- description
- Turn any X (Twitter) profile into a 10.3s animated "POSTING LICENSE" card video — a fake driver's license in X's branding: the card slides in over an animated dot-matrix ground, license text types on letter-by-letter, follower / following / post counters tick up, a diagonal glimmer sweeps as the card tilts in 3D, it flips to a fine-print back with a signature write-on, then crouches and leaps out of frame. Trigger on: "X driver's license", "posting license", "make an X license for @handle", "license card video". The whole composition is a finished template — the agent only supplies profile data and renders.
X Posting License
One fixed 1920×1080 @ 60fps, 10.35s composition. The motion is locked and doctrine-verified (overlapped keyframes end to end, zero dead frames): do NOT edit the timeline — fill the data tokens and render.
Requirements
- Node 18+ and the HyperFrames CLI via
npx(fetched from npm;@latestis mutable — pin a version, e.g.npx hyperframes@1.x.y, if you need byte-identical re-renders over time). - macOS GPU render for the WebGL dot ground:
export PRODUCER_BROWSER_GPU_MODE=hardware. - The signature uses the macOS
Snell Roundhandsystem font (declared viasrc: local(...)); on Linux it falls back to generic cursive — still fine, less pretty.
Network and side effects (complete list)
x.com/<handle>— profile page the agent reads (data gathering).pbs.twimg.com— the avatar image download (data gathering).api.fxtwitter.com/<handle>— post count; free, no credentials (data gathering).registry.npmjs.org— the HyperFrames CLI itself, vianpx.cdn.jsdelivr.net— the composition loads GSAP (pinned3.14.2) from jsDelivr at preview/render time. Rendering is NOT fully offline.
No credentials, no paid operations, no telemetry. build.mjs writes only
inside the --out directory: it validates counters as plain non-negative
integers, strips control characters, caps lengths, HTML-escapes every profile
string before substitution, and refuses to write through symlinks.
Flow (three steps, no composition work)
<SKILL_DIR> below means this skill's own directory (wherever it is installed
— e.g. ~/.claude/skills/x-posting-license). Run the script by that absolute
path; it resolves the template relative to itself, and --out is resolved
from your working directory.
- Gather profile data — name, handle, joined month/year, followers,
following, posts, one bio line, and the 400×400 avatar. Recipes in
references/profile-data.md. - Build the project from the template:
node <SKILL_DIR>/scripts/build.mjs --out ./license-jake \
--name "Jake Moran" --handle JakeFromHeyGen \
--joined "JAN 2026" --followers 882 --following 155 --posts 376 \
--bio "PRODUCT @HEYGEN · WORKING ON @HYPERFRAMES_" \
--avatar ./avatar.jpg --big "MORAN, JAKE" overrides the derived LAST, FIRST header — use it
when the display name isn't a normal name (keep unusual display names
verbatim: a user named ||| gets a license that says |||).
- Render (ask the user before rendering if your harness gates renders):
npx hyperframes@latest render ./license-jake -q high -o ./license-jake/renders/license.mp4Show full SKILL.md (228 more words)Show less
Verify success
npx hyperframes@latest check ./license-jake passes with 0 errors, and the
rendered MP4 is ~10.3s: front card with the person's data counting up, flip at
~6.5s, their name writing on as the back signature, card leaps out at ~9.9s.
Rules
- Data must be REAL, scraped from the live profile — never invent counts or bios. Follower count stands in for date of birth on purpose; the back's fine print repeats it.
- Bio line: uppercase, ≤ ~65 chars,
·-separated fragments from the real bio. - Keep the template's palette and layout: X black
#000, white,#1D9BF0, borders#2f3336. It IS the brand treatment; do not restyle per user. - Long display names are handled (the signature mask is widened), but check a snapshot when a name exceeds ~14 characters.
- Profile data is untrusted input. Always pass it through
build.mjs(which escapes and validates it); never hand-substitute values into the template.
Provenance and licensing
- The animated dot ground is a deterministic GLSL/WebGL rewrite for HyperFrames' seekable renderer, visually modeled on Originkit's Dot Matrix component (contributed by an Originkit license holder); no Originkit source code is redistributed here. The simplex-noise GLSL is the standard Ashima Arts/Stefan Gustavson implementation (MIT).
- The card reproduces X's logo and visual language as parody/fan content; users of this skill publish the result at their own judgment.
- GSAP is loaded from jsDelivr under its standard license; it is not vendored.
© heygen-com, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 3 other files (scripts, references) in skills/x-posting-license of heygen-com/hyperframes-community-skills.
- SKILL.md
- references/profile-data.md
- scripts/build.mjs
- template/index.template.html
Open the folder on GitHubat commit ba7a0bb
Compare with similar skills
X Posting License Video next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| X Posting License Video this skillheygen-com/hyperframes-community-skills | 187 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | |
| HyperFrames Animationheygen-com/hyperframes | 60k | 3 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | |
| Embedded Video Captionsheygen-com/hyperframes | 60k | 3 repos | ~8.6k | Automated safety check: Pass | Apache-2.0 | |
| Figma to HyperFramesheygen-com/hyperframes | 60k | 3 repos | ~4.5k | Automated safety check: Notes | Apache-2.0 | |
| Remotion to HyperFrames Porterheygen-com/hyperframes | 60k | 3 repos | ~2.8k | Automated safety check: Pass | Apache-2.0 | |
| Talking-Head Video Pipelinenaive-kun/naive-video-skill | 132 | — | ~3.3k | Automated safety check: Pass | MIT |
Similar skills
Embedded Video Captions
heygen-com/hyperframes
Adds captions to a single-subject talking-head video without editing the footage, from plain subtitles to cinematic text placed behind the speaker.
Figma to HyperFrames
heygen-com/hyperframes
Imports Figma assets, brand tokens, components and motion into a HyperFrames video composition, using the Figma REST API with a connector or native export for shaders.
Remotion to HyperFrames Porter
heygen-com/hyperframes
Ports an existing Remotion (React) composition to HyperFrames HTML with GSAP, one way, and grades the result against a tiered set of reference fixtures.
Talking-Head Video Pipeline
naive-kun/naive-video-skill
Turns raw or rough-cut talking-head footage into a captioned, animated final video through a staged, resumable production pipeline.
Talking Head Recut
heygen-com/hyperframes
Lays timed graphic cards such as lower-thirds, data callouts and quotes over an existing talking-head video, synced to the transcript.
More from heygen-com/hyperframes-community-skills
All 8 skills in this repoDay in My Life Agent Film
heygen-com/hyperframes-community-skills
Turns your local Claude Code session history into a 60 to 75 second hand-drawn ink film about a day with your agent, with a string score and your approval of every line.
Duo Foldable Phone Comparison
heygen-com/hyperframes-community-skills
Builds side-by-side comparison and meme videos on a fixed photo of hands holding an open foldable phone, with your own HTML playing in each screen.
p5 Paint Animation
heygen-com/hyperframes-community-skills
Turns a text prompt, photo or short video into hand-made looking p5.js animation: self-writing handwriting, brushstroke repaints and living paintings rendered offline.
3D Camera Captions for HyperFrames
heygen-com/hyperframes-community-skills
Builds captions that move in 3D space around a talking head: a virtual camera flies past words at different depths, hero words hide behind the speaker, and text steps at 15 fps with motion blur.
Strudel Live-Coding Video Producer
heygen-com/hyperframes-community-skills
Turns a Strudel live-coding music track into a 1080x1080 HyperFrames video where the code itself is the picture and each line highlights on the note it plays.
Session Story Film
heygen-com/hyperframes-community-skills
Turns one typical session between you and your agent into a short animated film built from your real messages, with a composed score, after you approve every line.
Related
Works with
Categories
Questions about X Posting License Video
What does X Posting License Video do?
Builds a short animated posting-license card video from an X profile's name, handle, counters and avatar, using a fixed template that the agent only fills in and renders. This skill produces a novelty video that styles an X profile as a driver's license.35s: the card slides in, the text types on, the follower, following and post counters count up, the card flips to a fine-print back with a signature, and then it leaps out of frame.
When should I use X Posting License Video?
X Posting License Video fits situations like: making an animated license-style card video for an X account; turning an X handle into a short shareable motion graphic; requests such as 'X driver's license' or 'posting license' for a given handle.
How do I install X Posting License Video in Claude Code?
Run `npx skills add heygen-com/hyperframes-community-skills --skill x-posting-license -a claude-code`. Or copy the skill folder (skills/x-posting-license in heygen-com/hyperframes-community-skills) into .claude/skills/x-posting-license in your project. Claude Code loads it when a task matches its description.
How do I install X Posting License Video in Codex?
Run `npx skills add heygen-com/hyperframes-community-skills --skill x-posting-license -a codex`. Or copy the skill folder (skills/x-posting-license in heygen-com/hyperframes-community-skills) into .agents/skills/x-posting-license in your project. Codex loads it when a task matches its description.
Can I use X Posting License Video in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add heygen-com/hyperframes-community-skills --skill x-posting-license -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/x-posting-license, .gemini/skills/x-posting-license, .github/skills/x-posting-license and .opencode/skills/x-posting-license in your project.
What does X Posting License Video need to run?
Going by SKILL.md and its folder, X Posting License Video needs JavaScript for the scripts in its folder and the command-line tools its instructions call (npx and node). Our summary lists: Node 18+ and the HyperFrames CLI via npx; A macOS GPU for the WebGL render; Network access to x.com, api.fxtwitter.com and jsDelivr.
Does X Posting License Video access the network?
SKILL.md names 1 domain. As links in the text: originkit.dev. This is read from the text; nothing was executed.
Is X Posting License Video safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does X Posting License Video use?
X Posting License Video is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does X Posting License Video use?
About 1.2k tokens (SKILL.md is roughly 4.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 363 tokens, read only when the agent opens those files.
What are the alternatives to X Posting License Video?
Skills that share tags, products or a category with X Posting License Video: HyperFrames Animation (heygen-com/hyperframes, 60k stars), Embedded Video Captions (heygen-com/hyperframes, 60k stars), Figma to HyperFrames (heygen-com/hyperframes, 60k stars) and Remotion to HyperFrames Porter (heygen-com/hyperframes, 60k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains X Posting License Video?
heygen-com (a GitHub organization) maintains it in heygen-com/hyperframes-community-skills, which has 187 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on September 29, 2026.
Source: heygen-com/hyperframes-community-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.