Agent skill

Cuboid Carousel

HyperFrames video block where bevelled 3D cuboids carrying card content fly in as a group, rotate in a staggered wave, hold on a hero card and exit.

Apache-2.0Auto-check passedMedia & Creative

Install Cuboid Carousel

skills CLI

$ npx skills add heygen-com/hyperframes --skill cuboid-carousel -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install heygen-com/hyperframes cuboid-carousel --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/heygen-com/hyperframes.git skills-src && mkdir -p .claude/skills && cp -r skills-src/registry/blocks/cuboid-carousel .claude/skills/cuboid-carousel && rm -rf skills-src

Use ~/.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/

Paste into Claude Code

Install the "cuboid-carousel" agent skill from https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/cuboid-carousel into .claude/skills/cuboid-carousel/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cuboid-carousel", 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

$skill-installer install https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/cuboid-carousel

Type 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.

skills CLI

$ npx skills add heygen-com/hyperframes --skill cuboid-carousel -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install heygen-com/hyperframes cuboid-carousel --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/heygen-com/hyperframes.git skills-src && mkdir -p .agents/skills && cp -r skills-src/registry/blocks/cuboid-carousel .agents/skills/cuboid-carousel && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "cuboid-carousel" agent skill from https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/cuboid-carousel into .agents/skills/cuboid-carousel/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cuboid-carousel", 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.

skills CLI

$ npx skills add heygen-com/hyperframes --skill cuboid-carousel -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install heygen-com/hyperframes cuboid-carousel --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/heygen-com/hyperframes.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/registry/blocks/cuboid-carousel .cursor/skills/cuboid-carousel && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "cuboid-carousel" agent skill from https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/cuboid-carousel into .cursor/skills/cuboid-carousel/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cuboid-carousel", 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

$ gemini skills install https://github.com/heygen-com/hyperframes.git --path registry/blocks/cuboid-carousel

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add heygen-com/hyperframes --skill cuboid-carousel -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install heygen-com/hyperframes cuboid-carousel --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/heygen-com/hyperframes.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/registry/blocks/cuboid-carousel .gemini/skills/cuboid-carousel && rm -rf skills-src

Use ~/.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/

Paste into Gemini CLI

Install the "cuboid-carousel" agent skill from https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/cuboid-carousel into .gemini/skills/cuboid-carousel/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cuboid-carousel", 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.

GitHub CLI

$ gh skill install heygen-com/hyperframes cuboid-carousel

Installs 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).

skills CLI

$ npx skills add heygen-com/hyperframes --skill cuboid-carousel -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/heygen-com/hyperframes.git skills-src && mkdir -p .github/skills && cp -r skills-src/registry/blocks/cuboid-carousel .github/skills/cuboid-carousel && rm -rf skills-src

Use ~/.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/

Paste into GitHub Copilot

Install the "cuboid-carousel" agent skill from https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/cuboid-carousel into .github/skills/cuboid-carousel/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cuboid-carousel", 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.

skills CLI

$ npx skills add heygen-com/hyperframes --skill cuboid-carousel -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install heygen-com/hyperframes cuboid-carousel --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/heygen-com/hyperframes.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/registry/blocks/cuboid-carousel .opencode/skills/cuboid-carousel && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "cuboid-carousel" agent skill from https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/cuboid-carousel into .opencode/skills/cuboid-carousel/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "cuboid-carousel", 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: cuboid-carousel
GitHub stars: 59k
Used in: 1 other repo
Token cost: ~1.8k tokens
SKILL.md length: 650 words
Files: 11 (incl. assets)
Skills in repo: 32
Repo updated: Oct 8, 2026
First seen: Oct 7, 2026
Licence: Apache-2.0

At a glance

HyperFrames video block where bevelled 3D cuboids carrying card content fly in as a group, rotate in a staggered wave, hold on a hero card and exit.

Works in 3 steps: Keep data-composition-variables a… → Do not put in static markup; create it… → Keep every visual state a function of t;…
Making a short 3D card-carousel clip for a feature roundup or portfolio reel
SKILL.md covers Files, Install, Variables and Runtime contract, plus 1 more section
Runs JavaScript scripts from its folder; calls npx

What it does

This is a prebuilt HyperFrames composition for a 1920×1080 clip at 30 fps. Rounded, bevelled cuboids that carry card content arrive from the right as one rigid group, travel with a small per-cuboid rotation stagger, slow to a hold on the hero card and then leave to the left. Spacing is calculated from the cuboid size, so neighbours never overlap.

About 40 variables expose the geometry, materials, lights, shadows, backdrop and camera, along with the duration and easing of every segment. Cards come from a built-in list or from a JSON string in the cardsJson variable, and the hero card number and repeat count (1 to 12) are variables too. The finished clip runs a little under seven seconds.

Install it with `npx hyperframes add cuboid-carousel`, which copies the files into `compositions/cuboid-carousel/`, then mount the composition from the host index.html. Custom values go to the render command as a --variables JSON argument. The folder carries its own bundled Three and GSAP scripts with their licence notices.

When your agent uses it

Making a short 3D card-carousel clip for a feature roundup or portfolio reel
Showing several cards in a rotating lineup that settles on one highlighted card
Adding a ready-made motion block to a HyperFrames video project

Example prompts

“Install the cuboid-carousel block in my HyperFrames project and render it with eight cards.”
“Make card 3 the hero in the cuboid carousel and widen the gap between cuboids a little.”
“Render the cuboid carousel with cards loaded from a cards.json file instead of the built-in list.”

Requirements

npx, which comes with Node.js

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

Keep data-composition-variables a single-quoted attribute with plain " JSON. Never save it through Studio's Design panel.
Do not put in static markup; create it at runtime.
Keep every visual state a function of t; seek-safety is what makes the block renderable.

What it can do on your machine

Read from SKILL.md and the folder at commit 0c76e52. 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 script files (JavaScript), which the agent can run.
Shell commands in SKILL.md call:
- npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
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

Cuboid Carousel loads about 1.8k tokens when it runs. Until then it costs about 39 tokens; SKILL.md has 650 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~39
When it runs · the whole SKILL.md, loaded when a task matches: ~1.8k

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); files beside SKILL.md are not scanned.

SKILL.md

The full file from heygen-com/hyperframes at commit 0c76e52, republished under its Apache-2.0 licence (© heygen-com). 650 words, ~1,773 tokens.

Download SKILL.mdSave it as .claude/skills/cuboid-carousel/SKILL.md (or your agent's skills folder). This skill also uses 10 other files; get the full folder from GitHub.

name: cuboid-carousel
description: A chain of bevelled cuboids rides a travelling wave as a content carousel. HyperFrames block, 1920×1080, 6.666666666666667s, 40 variables.

Cuboid Carousel

Rounded, bevelled cuboids carrying card content fly in from the right as one rigid group, cruise with a per-cuboid rotation stagger, decelerate to a hero hold, then exit left. Spacing is derived from the cuboid dimensions and the largest reachable X half-extent, so cuboids can never overlap. Forty variables carry the original DialKit schema: geometry, materials, lights, shadows, backdrop, camera and every segment duration and easing. Cards come from the built-in list or a JSON variable.

Composition id: cuboid-carousel. Duration 6.666666666666667 s at 30 fps, 1920×1080.

Files

cuboid-carousel.html (38 KB)
assets/Three-LICENSE.txt (1 KB)
assets/addons/environments/RoomEnvironment.js (5 KB)
assets/addons/utils/BufferGeometryUtils.js (36 KB)
assets/cuboid-motion.js (593 KB)
assets/gsap-3.14.2.min.js (128 KB)
assets/GSAP-NOTICE.txt (1 KB)
assets/three.core.min.js (554 KB)
assets/three.module.min.js (468 KB)

Install

Install with npx hyperframes add cuboid-carousel; by default the files above land under compositions/cuboid-carousel/. Then mount the block from the host index.html:

html

<div
  data-composition-id="cuboid-carousel"
  data-composition-src="compositions/cuboid-carousel/cuboid-carousel.html"
  data-start="0"
  data-duration="6.666666666666667"
  data-track-index="1"
  data-width="1920"
  data-height="1080"
></div>

Render with custom values by targeting the composition file directly:

npx --yes hyperframes@0.8.12 render 'compositions/cuboid-carousel/cuboid-carousel.html' --variables '{"cardsJson":"","heroCard":4}'

Variables

Read at runtime via window.__hyperframes.getVariables(); declared on the composition root as data-composition-variables (single-quoted attribute, plain JSON).

id	type	default	label / range
`cardsJson`	string	`""`	Content · Cards JSON (optional, see CARDS in source)
`heroCard`	number	`4`	Content · Hero card (1-based) 1–12 step 1
`count`	number	`8`	Content · Repeating card count 1–12 step 1
`gap`	number	`0.01`	Layout · Extra gap between cuboids 0–1.5 step 0.005
`cuboidWidth`	number	`1.7`	Cuboid · Width 0.3–5 step 0.01
`cuboidHeight`	number	`2.4`	Cuboid · Height 0.3–6 step 0.01
`cuboidDepth`	number	`0.14`	Cuboid · Thickness (depth) 0.02–2 step 0.01
`cornerRadius`	number	`0.105`	Cuboid · Corner radius 0–0.6 step 0.005
`bevelSize`	number	`0.03`	Cuboid · Bevel size (edge chamfer) 0–0.3 step 0.001
`bevelThickness`	number	`0.04`	Cuboid · Bevel thickness 0–0.3 step 0.001
`smoothness`	number	`32`	Cuboid · Smoothness (segments) 1–32 step 1
`bodyColor`	color	`"#242424"`	Cuboid · Body colour
`roughness`	number	`0.6`	Cuboid · Roughness 0–1 step 0.01
`metalness`	number	`0.4`	Cuboid · Metalness 0–1 step 0.01
`heroScale`	number	`1`	Hero · Isolated scale 1–1.6 step 0.01
`heroFillIntensity`	number	`0.55`	Hero · Face light intensity 0–2 step 0.05
`heroExitX`	number	`288`	Hero · Exit X rotation degrees -720–720 step 1
`heroExitY`	number	`-234`	Hero · Exit Y rotation degrees -720–720 step 1
`heroExitZ`	number	`198`	Hero · Exit Z rotation degrees -720–720 step 1
`ambientIntensity`	number	`0.35`	Lights · Ambient intensity 0–4 step 0.01
`ambientColor`	color	`"#ffffff"`	Lights · Ambient colour
`topIntensity`	number	`3.1`	Lights · Top rig intensity 0–12 step 0.05
`topColor`	color	`"#ffffff"`	Lights · Top rig colour
`bottomIntensity`	number	`2.15`	Lights · Bottom rig intensity 0–12 step 0.05
`bottomColor`	color	`"#ffcaad"`	Lights · Bottom rig colour
`keyIntensity`	number	`5`	Lights · Key rig intensity 0–12 step 0.05
`keyColor`	color	`"#ffe9d6"`	Lights · Key rig colour
`shadowRadius`	number	`44.5`	Shadows · Softness at map size 2048 0–50 step 0.5
`shadowMapSize`	number	`2048`	Shadows · Map size 512–4096 step 256
`backdrop`	color	`"#0b0d13"`	Background · Colour
`cameraFov`	number	`11`	Camera · Initial Field of view 10–90 step 0.5
`cameraX`	number	`-1.65`	Camera · Initial X -20–20 step 0.05
`cameraY`	number	`8.5`	Camera · Initial Y -20–20 step 0.05
`cameraZ`	number	`-8.508708`	Camera · Initial Z (distance) -20–50 step 0.1
`cameraSettleFrame`	number	`70`	Camera · Settle frame (30 fps) 20–90 step 1
`handheldStrength`	number	`1`	Camera · Handheld hold strength 0–1 step 0.05
`cameraTargetFov`	number	`34`	Camera target · Field of view 10–90 step 0.5
`cameraTargetX`	number	`-7.25`	Camera target · X -20–20 step 0.05
`cameraTargetY`	number	`1.15`	Camera target · Y -20–20 step 0.05
`cameraTargetZ`	number	`6.2`	Camera target · Z 2–50 step 0.1

Show full SKILL.md (111 more words)Show less

Runtime contract

One paused GSAP timeline registered as window.__timelines["cuboid-carousel"].
Re-syncs on the hf-seek CustomEvent; every frame is a closed-form function of time (seeded PRNG only, no rAF loops, no Date.now).
Renderer: WebGL, GSAP, Canvas 2D, PMREM, Shadow maps. Budget roughly 350 MB per live instance; run one at a time.
External runtime dependencies: ./assets/three.module.min.js, ./assets/addons/.
Web fonts from Google Fonts: Inter.

Editing rules (from the source project)

Keep data-composition-variables a single-quoted attribute with plain " JSON. Never save it through Studio's Design panel.
Do not put <canvas> in static markup; create it at runtime.
Keep every visual state a function of t; seek-safety is what makes the block renderable.

Files

SKILL.md and 10 other files (assets) in registry/blocks/cuboid-carousel of heygen-com/hyperframes.

SKILL.md
assets/GSAP-NOTICE.txt
assets/Three-LICENSE.txt
assets/addons/environments/RoomEnvironment.js
assets/addons/utils/BufferGeometryUtils.js
assets/cuboid-motion.js
assets/gsap-3.14.2.min.js
assets/three.core.min.js
assets/three.module.min.js
cuboid-carousel.html
registry-item.json

Open the folder on GitHubat commit 0c76e52

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in heygen-com/hyperframes, which our catalogue first saw on October 7, 2026.

Unclecheng-li/AI_Animationskills/ui2v-motions/01_动效库/itelmn/cuboid-carousel

Compare with similar skills

Cuboid Carousel 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.

Cuboid Carousel compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Cuboid Carousel this skillheygen-com/hyperframes	59k	1 repos	~1.8k	Automated safety check: Pass	Apache-2.0	yesterday
Guizang Product Video Skillop7418/guizang-product-video-skill	702	—	~1.1k	Automated safety check: Pass	AGPL-3.0	7 days ago
Plotbeat Data VideosUnclecheng-li/AI_Animation	1.5k	—	~2.6k	Automated safety check: Pass	MIT	3 days ago
Yuv Viral Videohoodini/ai-agents-skills	281	—	~7.5k	Automated safety check: Notes	None	2 mo ago
Duo Foldable Phone Comparisonheygen-com/hyperframes-community-skills	178	1 repos	~2k	Automated safety check: Pass	Apache-2.0	10 days ago
Talking-Head Video Pipelinenaive-kun/naive-video-skill	132	—	~3.3k	Automated safety check: Pass	MIT	1 mo ago

Similar skills

Guizang Product Video Skill
op7418/guizang-product-video-skill
制作代码驱动的软件产品宣传片和版本更新片（product promo、release notes video、changelog promo）。从真实功能和产品设计出发定方向，用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片，每支片子的视觉手法都从产品本身推导，不套模板。
702 GitHub stars~1.1k tokensUpdated 7 days ago
DevelopmentAuto-check passed
Plotbeat Data Videos
Unclecheng-li/AI_Animation
Turns a local CSV or JSON file, or data fetched from an approved source, into an editable data-visualization video by adapting HyperFrames templates.
1.5k GitHub stars~2.6k tokensUpdated 3 days ago
Media & CreativeAuto-check passed
Yuv Viral Video
hoodini/ai-agents-skills
Edit any selfie or screen-share footage into a viral short-form video in YUV.AI's signature style — Apple-style liquid-glass cards (real CSS backdrop-filter), dark-mode polish, MrBeast-paced cuts…
281 GitHub stars~7.5k tokensUpdated 2 mo ago
Media & CreativeAuto-check: notes
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.
178 GitHub starsUsed in 1 repo~2k tokens
Media & CreativeAuto-check passed
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.
132 GitHub stars~3.3k tokensUpdated 1 mo ago
Media & CreativeAuto-check passed
X Posting License Video
heygen-com/hyperframes-community-skills
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.
178 GitHub starsUsed in 1 repo~1.2k tokens
Media & CreativeAuto-check passed

Questions about Cuboid Carousel

What does Cuboid Carousel do?

HyperFrames video block where bevelled 3D cuboids carrying card content fly in as a group, rotate in a staggered wave, hold on a hero card and exit. This is a prebuilt HyperFrames composition for a 1920×1080 clip at 30 fps. Rounded, bevelled cuboids that carry card content arrive from the right as one rigid group, travel with a small per-cuboid rotation stagger, slow to a hold on the hero card and then leave to the left.

When should I use Cuboid Carousel?

Cuboid Carousel fits situations like: making a short 3D card-carousel clip for a feature roundup or portfolio reel; showing several cards in a rotating lineup that settles on one highlighted card; adding a ready-made motion block to a HyperFrames video project.

How do I install Cuboid Carousel in Claude Code?

Run `npx skills add heygen-com/hyperframes --skill cuboid-carousel -a claude-code`. Or copy the skill folder (registry/blocks/cuboid-carousel in heygen-com/hyperframes) into .claude/skills/cuboid-carousel in your project. Claude Code loads it when a task matches its description.

How do I install Cuboid Carousel in Codex?

Run `npx skills add heygen-com/hyperframes --skill cuboid-carousel -a codex`. Or copy the skill folder (registry/blocks/cuboid-carousel in heygen-com/hyperframes) into .agents/skills/cuboid-carousel in your project. Codex loads it when a task matches its description.

Can I use Cuboid Carousel 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 --skill cuboid-carousel -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/cuboid-carousel, .gemini/skills/cuboid-carousel, .github/skills/cuboid-carousel and .opencode/skills/cuboid-carousel in your project.

What does Cuboid Carousel need to run?

Going by SKILL.md and its folder, Cuboid Carousel needs JavaScript for the scripts in its folder and the command-line tools its instructions call (npx). Our summary lists: npx, which comes with Node.js.

Does Cuboid Carousel access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Cuboid Carousel 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. Review the folder before installing.

What licence does Cuboid Carousel use?

Cuboid Carousel 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 Cuboid Carousel use?

About 1.8k tokens (SKILL.md is roughly 7.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Cuboid Carousel?

Skills that share tags, products or a category with Cuboid Carousel: Guizang Product Video Skill (op7418/guizang-product-video-skill, 702 stars), Plotbeat Data Videos (Unclecheng-li/AI_Animation, 1.5k stars), Yuv Viral Video (hoodini/ai-agents-skills, 281 stars) and Duo Foldable Phone Comparison (heygen-com/hyperframes-community-skills, 178 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Cuboid Carousel?

heygen-com (a GitHub organization) maintains it in heygen-com/hyperframes, which has 58,669 GitHub stars. The repository holds 32 skills in this directory. The repository was last updated on October 8, 2026.

Source: heygen-com/hyperframes on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Cuboid Carousel

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Cuboid Carousel

Files

Install

Variables

Runtime contract

Editing rules (from the source project)

Files

Used in 1 other repository

Compare with similar skills

Similar skills

More from heygen-com/hyperframes

Related

Questions about Cuboid Carousel