Game Development · Three.js

Production animation patterns for React Native using Reanimated 4, Skia, WebGPU, and TypeGPU.

software-mansion-labs/skills

Build convincing woven cloth in Three.js, with a thread-level weave normal map, sheen and anisotropic highlights, folds that never stretch the texture, hems with thickness, stitches, seams, frayed…

MengTo/Skills

Build hyperrealistic PBR metal in Three.js: steel, brass, gold, copper and iron as true conductors (metalness 1, measured F0 tint, no albedo) with roughness-varied finishes (polished, brushed…

MengTo/Skills

Make a 3D object lean around on hover and open a full inspect view on click.

MengTo/Skills

Build a paper sheet in Three.js that reads as paper up close — washi, cotton rag or kraft with baked fibre and tooth relief, laid and chain lines, a torn deckle edge with frayed fibres, four-layer…

MengTo/Skills

Build guided and interactive virtual tours through a 3D environment with authored camera paths, room and floor-plan navigation, orbit inspection, smooth mode handoffs, and progressive loading.

MengTo/Skills

Build convincing timber for Three.js as one procedural MeshPhysicalMaterial with growth rings, cathedral figure, pores, medullary rays, checks, tool marks, end grain, and oil, wax, or lacquer…

MengTo/Skills

Build a burning-paper ring loader whose GLSL flame is drawn by a Worker on an OffscreenCanvas started from the head, so a main thread blocked by the page build cannot freeze it, with a progress…

MengTo/Skills

Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored…

nirholas/three.ws

Build truthful Vesperfall asset-library review pairs from transparent PNG references and live Three.js, FBX, or img2threejs models.

nirholas/three.ws

Turn a reference video into a super detailed recreation or inspiration prompt.

nirholas/three.ws

Build a fully-interactive 3D character-selector experience powered entirely by fal.ai.

fal-ai-community/skills

Three.js scene-graph parsing and export workflows: mesh baking, InstancedMesh expansion, part partitioning, per-link OBJ export, and URDF articulation.

benchflow-ai/skillsbench

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes.

aiskillstore/marketplace

three.js model, downloadable as OBJ or GLB. An agent skill from asgeirtj/system_prompts_leaks.

asgeirtj/system_prompts_leaks

A skill your agent uses when turning a song into a kinetic-typography or motion-design music video, lyric video, visualizer or K-pop style MV with Scenario, landscape or vertical 9:16 for TikTok…

scenario-labs/skills

Add restrained mouse-driven orbit and parallax depth to a Three.js hero by damping one pointer target and splitting it across camera translation, look-at, and small object rotations.

nirholas/three.ws

Create a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc.

nirholas/three.ws

Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js…

nirholas/three.ws

A skill your agent uses when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading, controls, performance).

nirholas/three.ws

Build a live Three.js landscape that stays quiet behind a subject — a noise heightfield on a polar grid so resolution follows the lens, ground coloured by slope and moisture rather than by texture…

nirholas/three.ws

Generate architecture procedurally in Three.js and film it assembling — a small geometry vocabulary that builds pagodas, castles, domes and spires from parameters instead of mesh files, hip roofs…

nirholas/three.ws

Put weather into a Three.js scene that reads as weather — rain anchored inside the frustum, a storm that is the rain leaned on rather than a second system, lightning on its own light with thunder…

nirholas/three.ws

Implement web and React animation, gesture feedback, layout transitions and scroll sequences.

WrongStack/WrongStack

Build and optimize browser 3D scenes with Three.js, React Three Fiber, WebGPU or WebGL, TSL and glTF assets.

WrongStack/WrongStack

Three.js OBJExporter utility for exporting 3D geometry to Wavefront OBJ format.

benchflow-ai/skillsbench

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js.

secondsky/claude-skills

Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences.

freshtechbro/claudedesignskills

Build, extend, or audit production-linked browser map editors for Three.js and isometric games.

nirholas/three.ws

Build, integrate, audit, or refactor rigged monsters for Three.js and web action games.

nirholas/three.ws

Implement, tune, debug, or validate soft wall-aware fog of war and gameplay perception in Three.js action games.

nirholas/three.ws

Adiciona elementos 3D reais (profundidade, rotação contínua, arrastar e zoom) ao canvas de um slide do Mira, em card limpo com o 3D maximizado.

sandeco/mira-animator

Converte um deck do Mira já criado para modo OFFLINE (self-contained, sem CDN em runtime), para abrir por file:// mesmo atrás do firewall corporativo que bloqueia as CDNs (Tailwind, AOS, Lucide, D3…

sandeco/mira-animator

A skill your agent uses when asked to build a 3D viewer for a GLB model, make an interactive explorer with clickable labelled parts, add an exploded view or quiz to a 3D model, or turn a parts list…

mohitagw15856/pm-claude-skills

A skill your agent uses when implementing globe.gl (Globe.GL) for 3D globe data visualization with WebGL/ThreeJS, including setup, data layers (points, arcs, polygons, labels), and integration…

nirholas/three.ws

Author or revise readable, flat-world Three.js game levels. An agent skill from nirholas/three.ws.

nirholas/three.ws

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one…

nirholas/three.ws

Plan, create, integrate, or audit a hybrid asset pipeline for a Three.js or web game.

nirholas/three.ws

Build or extend a playable isometric action RPG in Three.js, React, or similar web technology.

nirholas/three.ws

Build or refactor reusable, data-driven enemy archetype and moveset systems for Three.js action games.

nirholas/three.ws

A skill your agent uses when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical, playful, cinematic) while balancing conversion…

nirholas/three.ws

Turn a network topology into one stylized, AI-generated still image via a self-hosted ComfyUI instance — reuses the same topology model as threejs-network-viz (any of 8 topology-source integrations…

automateyournetwork/netclaw

Generate browser-based interactive 3D network topology visualizations from inventory or a topology description.

automateyournetwork/netclaw

Creates realistic cloud effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques.

curiositech/some_claude_skills

Three.js 3D graphics library - scene setup, geometry, materials, lighting, textures, animation, loaders, shaders, postprocessing, interaction.

secondsky/claude-skills

Three.js 性能优化指南。当 Three.js/React Three Fiber 项目出现掉帧、内存增长、加载缓慢、绘制调用过多，或需要迁移 WebGPU、实现大规模粒子/实例化渲染、配置资源压缩管线时使用。触发关键词："Three.js 优化"、"WebGPU"、"draw calls"、"内存泄漏"、"TSL"、"InstancedMesh"、"R3F 优化"等。不用于：通用…

staruhub/ClaudeSkills

Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.

criptogus/agent-evolve-network

Generate and iteratively develop polished 3D browser games from natural language.

LeoYeAI/openclaw-master-skills