threejs skills

51 tagged threejs, measured the same way as everything else here.

Browse within: ReAct 26opencode 24babylonjs 10codex-skills 10electron 10low-poly 10procedural-generation 10

THREE.Terrain

01

IceCreamYou/THREE.Terrain

Skill Claude CodeCodex

Use this guide when an agent must build, modify, inspect, or document a terrain scene with THREE.Terrain. The library creates heightmapped Three.js terrain and provides procedural generators, filters, material blending, decoration tools, grass, image conversion, analysis, and seeded randomness.

891 5d ago A 0 tokens original MIT

sceneproof

02

ReyJ94/SceneProof

Skill Claude CodeCodex

Visual reasoning discipline for verifying UI and Three.js work with the SceneProof CLI. Use whenever a change can alter rendered output — components, styles, layout, SVG, canvas, scenes, cameras, lights, materials, animation — or whenever about to claim that something "looks right", "is visible", or "renders…

42 5d ago A 89 tokens original MIT

browser

03

benjaminshafii/digital-empire

Skill Claude CodeCodex

Control Chrome browser via OpenCode browser extension for authenticated web automation.

10 6mo ago A 14 tokens

skill-creator

04

benjaminshafii/digital-empire

Skill Claude CodeCodex

Guide for creating effective skills. Use when users want to create or update a skill that extends Claude with specialized knowledge, workflows, or tool integrations.

10 6mo ago A 33 tokens

elix-scroll-3d

06

ElixIsmael/elix-scroll-3d

Skill Claude CodeCodex

Build scroll-driven 3D web experiences that stay fast, indexable, and genuinely usable on mid-range phones. Use when the work involves scroll animation, parallax 3D effects, a Three.js scene, a GLTF or GLB model on a page, scrollytelling, a product page with 3D rotation, an animated hero, GSAP ScrollTrigger…

9 5d ago A 143 tokens original MIT

particle-system

07

iart-ai/webgl-animation-skills

Skill Claude CodeCodex

This skill should be used when the user asks to "build a particle system", "make confetti/snow/smoke/sparks", "create a connected-dot/constellation network background", "add a flow-field or curl-noise particle effect", "render thousands of GPU particles with Three.js Points", or "animate emitters with forces". Covers…

9 2mo ago A 100 tokens original MIT

shader-glsl

08

iart-ai/webgl-animation-skills

Skill Claude CodeCodex

This skill should be used when the user asks to "write a fragment shader", "make a GLSL gradient/noise/plasma background", "create an image transition (dissolve, displacement, glitch)", "add distortion or chromatic aberration", "build an SDF shape shader", "wire up a Three.js ShaderMaterial with uniforms", or "do GPU…

9 2mo ago A 106 tokens original MIT

threejs-animation

09

iart-ai/webgl-animation-skills

Skill Claude CodeCodex

This skill should be used when the user asks to "build a 3D hero section or WebGL background", "animate a Three.js scene", "play or crossfade GLTF animation clips", "move/lerp the camera or link it to scroll", "render thousands of objects with InstancedMesh", "set up React Three Fiber (R3F) motion", "add bloom/DOF…

9 2mo ago A 153 tokens original MIT

city

10

Manavarya09/claude-city-plugin

Skill Claude CodeCodex

Visualize your current project as a 3D city in the browser. Files become buildings, folders become districts, bugs become fires. Use when user says 'city', 'visualize', '3d', 'show my code', or '/city'.

8 2mo ago A 53 tokens original MIT

reimagine-it

11

Kayforkind/reimagine-it

Skill Claude CodeCodex

Content-Derived Design — reads existing HTML and writes a stronger standalone page from headings, facts, names, dates, numbers, links, emails, and colors already in that file. CLI: npx reimagine-it --auto -i page.html -o out.html; also variations, lock, and audit. Use when the user says /reimagine-it, "reimagine it"…

7 yesterday A 197 tokens original MIT

semaframe-engine

12

riseagain1/semaframe

Skill Claude CodeCodex

Control an open SemaFrame universal 2D/3D component workspace through MCP or its OpenAPI fallback. Use when an agent, including a realtime voice or multimodal client, needs to inspect, model, create, arrange, update, connect, present, undo, or redo exact spatial assemblies, reusable models, Gaussian-splat Reality…

5 yesterday A 99 tokens original MIT

Shellishack/3d-web-game-dev-skills

Skill Claude CodeCodex

Generate procedural low-poly 3D models with Three.js and export them as glTF or GLB assets. Use when Codex needs to create browser-previewable low-poly props, terrain, rocks, trees, buildings, vehicles, collectibles, or simple game assets with flat shading, simple geometry, materials, export controls, and validation…

5 2mo ago A 73 tokens original MIT

deveshpunjabi/3d-website-skill

Skill Claude CodeCodex

Expert skill for designing, building, and deploying modern premium websites with advanced animations and 3D interactive experiences using Three.js, React Three Fiber, GSAP, and Framer Motion. Use this skill whenever the user wants to build a website with 3D elements, create an immersive web experience, add interactive…

2 5mo ago A 240 tokens original MIT

threejs-ai-skill

17

luisnavarrete12/threejs-ai-skill

Skill Claude CodeCodex

Makes AI-generated Three.js / WebGL / react-three-fiber code produce coherent, playable 3D scenes instead of code that compiles but looks and feels broken — correct model scale and orientation, grounded and non-overlapping placement, real collisions, frame-rate-independent controls, and characters that walk without…

2 2mo ago A 213 tokens original MIT

thiet-ke-nha

19

lebac-svg/Atelier

Skill Claude CodeCodex

Thiết kế nhà bằng Atelier — quy trình 5 pha có checkpoint từ phỏng vấn đến bản vẽ. Dùng khi người dùng muốn thiết kế/vẽ nhà, sửa mặt bằng, hoặc làm việc với model atelier.project.json.

0 1mo ago A 54 tokens