Moh4696/open-3d-skills

What is it?

Key features

• 01Builds three.js scenes entirely from code, with no model files required.
• 02Creates scroll-scrubbed films from generated clips, with seam checking and reduced-motion handling.
• 03Produces transparent video for every browser, including Safari, via stacked-alpha MP4, VP9 alpha or WebP frames.
• 04Generates cursor-following character rigs built from a grid of poses.
• 05Makes interactive exploded views with staged explode, x-ray, section cuts and labels.
• 06Checks pages in headless Chromium and WebKit at three sizes and writes a report with a contact sheet.
• 07Records frame-exact 60 fps video of any page on a virtual clock.

Use cases

• Building a product or landing page with a real-time 3D scene that runs at 60 fps.
• Turning AI-generated clips into a scroll-driven film on a website.
• Adding transparent video overlays that work in Safari as well as Chrome.
• Explaining how a machine works with an interactive exploded view.
• Recording smooth demo videos of a web page for social media or clients.

Quick start

1. 1

   Install all eight skills with the npx skills CLI (needs Node 22.20 or newer)

   npx skills add Moh4696/open-3d-skills
2. 2

   Start a new agent session so it loads the skills

Things to know

• !These are instructions for coding agents, not a standalone app, so you need an agent such as Claude Code or Codex to use them.
• !Some skills need Python 3.9+, ffmpeg and an image or video generation service.
• !The README says no API keys are stored by the skills, so you must supply your own generation service access.

In collections

Topics

FAQ

What is open-3d-skills?

Eight agent skills that teach coding agents to build, animate and check 3D and scroll-driven websites with three.js. Open 3D Skills is a set of eight agent skills for building 3D and animated websites. They cover real-time three.js scenes written in code, scroll-scrubbed films generated from video clips, transparent video that plays in Safari, cursor-following characters, interactive exploded views of machines, and the AI image and video work used to produce these assets.

Is open-3d-skills free to use? What license does it have?

open-3d-skills is open source under the MIT license. Check the license terms before using it in commercial products.

Is open-3d-skills still maintained?

Actively maintained. The last commit to open-3d-skills was on Oct 31, 2026.

What can I use open-3d-skills for?

Building a product or landing page with a real-time 3D scene that runs at 60 fps. Turning AI-generated clips into a scroll-driven film on a website. Adding transparent video overlays that work in Safari as well as Chrome. Explaining how a machine works with an interactive exploded view. Recording smooth demo videos of a web page for social media or clients.

How do I install open-3d-skills?

Install all eight skills with the npx skills CLI (needs Node 22.20 or newer): npx skills add Moh4696/open-3d-skills Start a new agent session so it loads the skills

Where can I get open-3d-skills?

The source code and installation instructions are on GitHub: https://github.com/Moh4696/open-3d-skills