Threejs Earth Render
Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js...
Install
npx skills add vibe-motion/skills --skill threejs-earth-render -g -a claude-code -y- Repository
- vibe-motion/skills1.5k
- Category
- Design
- Updated
- 1mo ago
- License
- See repository
- Context cost
- Lightabout 628 tokens
- Runs scripts
- Yes, review before use
What it does
Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture. Use when users ask for 三维地球航线动画, Three.js Earth, 地球飞线, globe route animation, or exporting an Earth GIF/MP4/PNG sequence.
Three.js Earth Render
Workflow
- Use
scripts/render_threejs_earth.pyfrom this skill. - Pass
--workspacewhen the user specifies where the source checkout should live; otherwise use the current directory. - Pass
--outputwhen the user specifies a GIF/MP4 path; otherwise useout/threejs-earth.gif. - For customized routes, edit
threejs-earth/src/routeConfig.jsfirst and render with--skip-updateso local edits are preserved. - Run the script and wait for completion.
- Return the final absolute output path printed by the script.
Command
/usr/local/bin/python3 scripts/render_threejs_earth.py \
--workspace "$(pwd)" \
--output "$(pwd)/out/threejs-earth.gif"
Installed Skill Resolution
Use the installed skill copy, not the source repo checkout:
skill_dir=""
for base in "${AGENTS_HOME:-$HOME/.agents}" "${CLAUDE_HOME:-$HOME/.claude}" "${CODEX_HOME:-$HOME/.codex}"; do
if [ -d "$base/skills/threejs-earth-render" ]; then
skill_dir="$base/skills/threejs-earth-render"
break
fi
done
[ -n "$skill_dir" ] || { echo "threejs-earth-render skill not found under ~/.agents, ~/.claude, or ~/.codex"; exit 1; }
/usr/local/bin/python3 "$skill_dir/scripts/render_threejs_earth.py" \
--workspace "$(pwd)" \
--output "$(pwd)/out/threejs-earth.gif"
