AI NewsDev toolsAnnouncement

A skill pack teaches coding agents to build 3D websites in one install

An open skill pack gives Claude Code, Codex, Cursor and Gemini CLI eight ways to build 3D websites. 270 stars in six days.

AI News

Editorial2 min read

LinkedInX
GitHub card for the Moh4696/open-3d-skills repository.

Image: GitHub

Why it mattersA marketing team asking their coding agent for a 3D hero no longer has to teach it the whole stack. The skills do.

A marketer who wants a 3D hero on a page used to need a studio. Open 3D Skills teaches an AI coding agent to do the work instead. It was posted to GitHub on 31 October 2026 and has 270 stars in six days. The author is Moh4696 and the licence is MIT.

The pack is a set of eight agent skills. An agent skill is a file the agent reads to know how to do one specific job. The person using the agent then does not have to describe that job every time. Open 3D Skills covers the parts of a 3D website a reader sees on a product page today.

What the eight skills do

The threejs-scene skill builds a real-time 3D environment in code. It aims at 60 frames per second and comes with a starter scene. The scroll-film skill makes films driven by the reader's scroll. It respects reduced-motion settings for readers who turn animations off. The motion-assets skill plans a list of AI images or video and shows the cost before any paid run.

The other five handle the hard details. The alpha-cutout skill makes transparent video that works in Safari. The cursor-rig skill rigs a character whose head follows the mouse, with automatic blinks. The exploded-view skill builds the machine diagrams common on product pages. It supports staged pulls, x-ray modes and labelled parts. The site-check skill tests the finished page in headless Chromium and WebKit at three screen sizes. It reports the frame time and the draw calls. The frame-capture skill records the result at a steady 60 frames per second.

Why the shape matters

A coding agent that knows three.js in general still asks questions. Does Safari play that video. What library handles the scroll link. How do you keep it at 60 frames per second on a phone. A person on the marketing team does not know. Each skill in this pack gives the agent one answer for one part of the page. So the person can ask for a 3D hero and get one.

The pack is one install and runs on Claude Code, Codex, Cursor and Gemini CLI. The author says Node 22.20 and Python 3.9 are needed. Playwright and ffmpeg sit behind the browser check and the recorder. So this is a few minutes of setup, not a week.

The traction is real enough to note. 270 stars in six days is not a Cursor-sized number, and it is not meant to be. The audience is any team that writes a page with an AI agent and now wants the page to move.

A honest limit sits in the README. The pack is new, and the author has not published a case study. A team using it will be the first readers of its own numbers. The site-check skill can catch a slow frame before a real visitor sees it. If it does, the pack has paid for itself in one page. If not, the install removes in one command.

Source

SourceGitHub

This item was written by an AI system from the linked source. Reveneau is responsible for what it publishes.

Share
LinkedInX
Start a project