skills.rest
vibe-motion
vibe-motionOFFICIAL
Explore all skills by this author →
WebsiteGitHub

threejs-earth-render

Render 3D Earth route animations with Three.js and Puppeteer frame capture.

999|70|Updated Mar 17, 2026
Search Tags:#data visualization#Puppeteer#Three.js#3D visualization#Earth animation
One-click install
npx skills add https://github.com/vibe-motion/skills --skill threejs-earth-render
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: threejs-earth-render
Source: https://github.com/vibe-motion/skills/tree/main/threejs-earth-render
Command: npx skills add https://github.com/vibe-motion/skills --skill threejs-earth-render

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires git, node, npm, ffmpeg, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill allows users to render high-quality, 3D Earth animations by cloning a specific Three.js repository and using Puppeteer for frame capture.

Core Features & Use Cases

  • 3D Earth Animation: Generate animated routes over the Earth using Three.js.
  • Puppeteer Capture: Capture frames using Puppeteer for a seamless GIF or MP4 output.
  • Customization: Configure the output format, size, and frames with specific parameters.

Quick Start

Run the 'threejs-earth-render' skill with the following command: /usr/local/bin/python3 /path/to/skill_dir/scripts/render_threejs_earth.py --workspace "$(pwd)" --output "$(pwd)/out/threejs-earth.gif"

Frequently Asked Questions about threejs-earth-render

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create 3D Earth route animations for data visualization?▼

You can create 3D Earth route animations by using Three.js for visualization and Puppeteer to capture frames. This approach is ideal for generating dynamic Earth animations needed in presentations or data visualization outputs.

Can I use Puppeteer to capture Three.js frames for a GIF or MP4 output?▼

Yes, Puppeteer captures Three.js 3D visualizations frame-by-frame. By configuring specific output parameters, you can seamlessly compile these captured frames into a GIF or MP4 video format.

Do I need ffmpeg and command-line knowledge to render 3D Earth animations?▼

Yes, you need ffmpeg installed along with git, node, and npm. A basic understanding of command-line operations is required to configure parameters and execute the frame capture and rendering scripts.

How do I customize the output size and frames of a Three.js Earth animation?▼

You customize the Earth animation by passing specific command-line parameters when running the render script. These arguments allow you to define the output format, frame count, and animation size.

What's the best way to automate 3D visualization frame capture for presentations?▼

Automating 3D visualization frame capture is best handled by Puppeteer, which programmatically captures Three.js Earth animations. This method provides high-quality, customizable frame sequences suitable for presentation assets.

Related Skills

Explore More Data & Analytics Skills→
AtharvaN16AtharvaN16

finishing-a-development-branch

Guide Git branch completion with merge, pull request, or cleanup options.

Community
Intermediate
devMoezdevMoez
1

ascii-video

Convert video and audio inputs into colored ASCII animation files.

Community
Advanced
NITRR-OfficialNITRR-Official
4

threejs-animation

Create 3D animations with Three.js using keyframes, skeletal animation, and morph targets.

Official
Intermediate
icyzhicyzh
1

p5js

Generate interactive p5.js visual art with headless export to PNG, GIF, or MP4.

Community
Advanced