code-3d-explainer

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a media skill usually calls an AI service over the internet.

By hashgraph-online/awesome-codex-plugins (GitHub) · media · 1,556 stars · scanned at commit 4070676

Make a 3D explainer video of something you cannot film (a cell, an atom, a virus, a protein, an engine, a reactor, a black hole, a maths idea) entirely in code: a sourced fact sheet checked by a fresh critic subagent before any 3D work, the subject built in three.js from procedural geometry (and real data such as PDB coordinates) one part per beat with a label and a one-line fact, a camera that tours the build and zooms through scales to an x-ray cutaway of the whole, a live scale bar, determin…

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 10 places.

plugins/vargHQ/skills/code-3d-explainer/README.md, line 11npx skills add vargHQ/skills --skill code-3d-explainer # Claude Code, Codex, Cursor, Grok, Gemini CLI, OpenCode…
plugins/vargHQ/skills/code-3d-explainer/SKILL.md, line 93ffmpeg. The same `index.html` renders through HyperFrames (`bunx hyperframes@0.9.15 render`). Prove it:
plugins/vargHQ/skills/code-3d-explainer/references/render.md, line 58bunx hyperframes@0.9.15 lint examples/animal-cell # 0 errors (1 false warning on the label scrim)

Show 7 more

plugins/vargHQ/skills/code-3d-explainer/references/render.md, line 59bunx hyperframes@0.9.15 render examples/animal-cell -o master_hf.mp4
plugins/vargHQ/skills/README.md, line 19npx skills add vargHQ/skills # pick skills and agents
plugins/vargHQ/skills/README.md, line 20npx skills add vargHQ/skills --skill caption-styles -a codex # one skill, one agent
plugins/vargHQ/skills/README.md, line 294| Any agent (Claude Code, Codex, Cursor, Grok, Gemini CLI, Copilot, OpenCode and 60+ more) | `npx skills add vargHQ/skills` or one skill: `npx skills add vargHQ
plugins/vargHQ/skills/README.md, line 308- **Update skills installed with the skills CLI:** `npx skills update`.
plugins/vargHQ/skills/README.md, line 309- **Pick agents and scope:** `npx skills add vargHQ/skills --skill varg-ai -a claude-code -a codex -g -y` (`-g` global, `-y` no prompts, `--list` to see every s
plugins/vargHQ/skills/README.md, line 310- **OpenCode:** `npx skills add vargHQ/skills -a opencode -g`, or copy one skill folder to `~/.config/opencode/skills/<skill>/`.

Runs commands on your computer

The author does not mention this.

Found in 5 places.

plugins/vargHQ/skills/code-3d-explainer/SKILL.md, line 54cp -r <skill>/examples/animal-cell my-film && cp -r <skill>/scripts my-film/scripts && cd my-film
plugins/vargHQ/skills/code-3d-explainer/scripts/capture.ts, line 66const chrome = Bun.spawn([chromePath(), '--headless=new', '--remote-debugging-port=0', `--user-data-dir=${profile}`, '--no-first-run', '--no-default-browser-che
plugins/vargHQ/skills/code-3d-explainer/scripts/capture.ts, line 139const p = Bun.spawnSync(['magick', 'compare', '-metric', 'AE', '-fuzz', '2%', a, b, 'null:']); const ae = Number(String(p.stderr).trim().split(' ')[0]) || 0;

Show 2 more

plugins/vargHQ/skills/code-3d-explainer/scripts/capture.ts, line 154const ff = Bun.spawn(['ffmpeg', '-y', '-loglevel', 'error', '-f', 'image2pipe', '-framerate', String(fps), '-c:v', fmt === 'png' ? 'png' : 'mjpeg', '-i', '-', .
plugins/vargHQ/skills/code-3d-explainer/scripts/sheet.ts, line 25const run = (cmd: string[]) => { const p = Bun.spawnSync(cmd); if (p.exitCode) throw new Error(`${cmd[0]} failed: ${p.stderr}`); return String(p.stdout); };

Connects to the internet

The author does not mention this. Expected for a media skill.

Found in 3 places.

plugins/vargHQ/skills/code-3d-explainer/examples/animal-cell/index.html, line 60const story = await (await fetch('story.json')).json();
plugins/vargHQ/skills/code-3d-explainer/scripts/capture.ts, line 51server = Bun.serve({ port: 0, async fetch(req) {
plugins/vargHQ/skills/code-3d-explainer/scripts/capture.ts, line 71const ws = new WebSocket(wsUrl);

Safer alternatives

Low-risk skills in the same category (media) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'code-3d-explainer' ] || [ -L ~/.agents/skills/'code-3d-explainer' ]; then echo 'A skill folder named code-3d-explainer already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/hashgraph-online/awesome-codex-plugins' "$d" && git -C "$d" checkout --quiet '40706766fd37c03ca624f5206741fef55dd2a684' -- 'plugins/vargHQ/skills/code-3d-explainer' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/vargHQ/skills/code-3d-explainer' ~/.agents/skills/'code-3d-explainer' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'code-3d-explainer' ~/.claude/skills/'code-3d-explainer' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for hashgraph-online/awesome-codex-plugins shows the score of its lowest-scoring skill.

SkillTrust badge for hashgraph-online/awesome-codex-plugins

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/hashgraph-online/awesome-codex-plugins.svg)](https://zalavijaysinh.github.io/skilltrust/repos/hashgraph-online/awesome-codex-plugins/)

Score history

Date	Version	Score
2026-11-11	`4070676`	75