Moh4696/open-3d-skills

Eight agent skills for 3D and animated websites: three.js scenes from code, scroll films, transparent video, cursor rigs, exploded views, AI motion assets, browser checks and 60 fps recording. Claude Code, Codex, Cursor, Gemini CLI.

8 skills listed · MIT · 205 stars · last pushed 31 Oct 2026

Moh4696/open-3d-skills on GitHub

Across these 8 skills

Pattern check

Nothing flagged in 8

What it can touch

8 bundle scripts
6 run shell commands
6 reach the network
+1 more
- 2 name web addresses

Checked at commit 7b04ab4 on 3 Nov 2026.

Install the collection

Claude Code plugin

Installs the latest version, not the one we checked. Installs everything in the plugin, including any hooks, MCP servers and scripts our check doesn't cover.

claude plugin marketplace add Moh4696/open-3d-skills --scope user &&claude plugin install open-3d-skills@open-3d-skills --scope user

Any agent

Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.

npx skills@1.7.4 add Moh4696/open-3d-skills

Skills

Skills in Moh4696/open-3d-skills
Skill	What it can touch	Pattern check	Licence	Updated
alpha-cutoutTurns an AI-generated (or filmed) clip of a character or product into a transparent, web-ready animation by shooting it on a flat chroma plate and keying it with per-frame plate measurement and edge unmixing. Delivers stacked-alpha MP4 that plays with transparency in every browser including Safari, VP9 alpha WebM, or keyed WebP frame sequences for scroll scrubbing. Use when an animated subject has to sit over page content, between layers of type, or over a 3D scene, when someone asks for "transparent video", "video with alpha", "remove the background from this clip", or when a generated video has a background that should not be there. Runs shell commands +2 more Pattern check: Nothing flaggedMITUpdated 31 Oct 2026	Runs shell commands Reaches the network +1 more	Pattern check: Nothing flagged	MIT	31 Oct 2026
cursor-rigMakes a painted or illustrated character turn its head to follow the visitor's cursor, looking like one continuous painting that moves, without a 3D model or face tracking. Generates head-pose keyframes with an image-editing model and head-turn clips with an image-to-video model, then builds a pose grid on one fixed body (selected by measured head position, aligned, masked, with optical-flow in-betweens) and plays it with a spring-driven canvas player that also blinks. Use when someone wants a hero character, mascot or portrait whose eyes or face follow the mouse, a "look at the cursor" effect, or an illustration that reacts to the visitor. Runs shell commands +2 more Pattern check: Nothing flaggedMITUpdated 31 Oct 2026	Runs shell commands Reaches the network +1 more	Pattern check: Nothing flagged	MIT	31 Oct 2026
exploded-viewBuilds interactive 3D explainers of how a machine or product works, in three.js, with a staged exploded view driven by a slider or scroll, x-ray shells, a section cut through the casing, labels pinned to parts with leader lines that never cover the model, and hover or click to pick parts. Works on code-built models and loaded GLB files. Use for "show how it works", teardown or cutaway pages, product anatomy, engine, motor, gearbox, camera, phone or vehicle internals, technical education pages, or turning a 2D cutaway drawing into an interactive 3D one. Names web addresses +1 more Pattern check: Nothing flaggedMITUpdated 31 Oct 2026	Names web addresses Bundles scripts	Pattern check: Nothing flagged	MIT	31 Oct 2026
frame-captureRecords any web page (three.js, WebGL, canvas, GSAP, CSS animation, scroll-driven video) to a perfectly smooth 60 fps MP4 by running the page on a virtual clock, one exact frame at a time, and puts two recordings against each other as a labelled stacked or side-by-side comparison. Use when someone wants a video of a site, a demo clip for X or YouTube, a scroll-through, a showcase reel of a 3D scene, or a "model A vs model B" comparison video. Also use when a screen recording of an animated page stutters or drops frames. Runs shell commands +2 more Pattern check: Nothing flaggedMITUpdated 31 Oct 2026	Runs shell commands Reaches the network +1 more	Pattern check: Nothing flagged	MIT	31 Oct 2026
motion-assetsPlans and generates the images and video clips an animated website needs with AI image and video models, without wasting money. Covers proposing the concept and asset list with exact prompts and costs before spending, keeping one style across every asset, start and end frames for clips that chain or loop, choosing a model by what it can do, calibrating cost, staying under rate limits, recovering failed jobs, fixing loops and outpaints, and logging every prompt so the project can be rebuilt. Use whenever a site needs generated heroes, characters, product shots, textures, background loops or camera-move clips, or when someone says "use Higgsfield", "use Runway", "use Kling", "use Veo", "generate the assets" or "animate this image". Reaches the network +1 more Pattern check: Nothing flaggedMITUpdated 31 Oct 2026	Reaches the network Bundles scripts	Pattern check: Nothing flagged	MIT	31 Oct 2026
scroll-filmBuilds scroll-scrubbed film sections, where scrolling plays a pre-rendered camera move, a product turning, a liquid pour or a fly-through one exact frame at a time, from AI-generated or rendered clips. Covers chaining clips into one seamless film with start and end frames, frame sequences versus scrub-ready video, pinned sections with holds for text, phone versions, loading budgets and reduced motion. Use for "scroll-driven animation", "Apple-style scroll video", "fly through the world as you scroll", scroll cinematics, or when a scrubbed video on a page stutters, jumps at a seam or loads too slowly. Runs shell commands +2 more Pattern check: Nothing flaggedMITUpdated 31 Oct 2026	Runs shell commands Reaches the network +1 more	Pattern check: Nothing flagged	MIT	31 Oct 2026
site-checkVerifies a 3D or animated web page in real headless browsers before anyone else sees it. Shoots every view, light state and scroll position at desktop, tablet and phone widths in Chromium and WebKit (Safari), measures frame time, draw calls and triangles, catches page errors, failed requests, blank WebGL canvases, horizontal overflow and reduced-motion behaviour, and builds one contact sheet. Use after building or changing any three.js, WebGL, canvas, scroll-driven or animated page, before publishing or recording it, or when someone asks "does it work", "check it on mobile", "why is it slow" or "test it in Safari". Runs shell commands +2 more Pattern check: Nothing flaggedMITUpdated 31 Oct 2026	Runs shell commands Reaches the network +1 more	Pattern check: Nothing flagged	MIT	31 Oct 2026
threejs-sceneBuilds real-time 3D websites in three.js from code alone, with no model files. Covers buildings and landmarks, vehicles, machines, landscapes and product studies made of procedural geometry (profile sweeps, lathes, instancing), canvas textures, shader patches, a physically based sky and sun, soft shadows, ambient occlusion and bloom, light presets, camera vantages and flights, quality tiers, and a starter that runs at 60 fps. Use when someone asks for a 3D website, a three.js scene, a WebGL hero, an interactive 3D model of a real place or object, a "3D version" of something, or when an existing three.js page looks flat, plasticky, aliased, washed out or slow. Runs shell commands +2 more Pattern check: Nothing flaggedMITUpdated 31 Oct 2026	Runs shell commands Names web addresses +1 more	Pattern check: Nothing flagged	MIT	31 Oct 2026