Build editable Three.js worlds from text or structured briefs, with terrain, distinct regions, landmarks, vegetation, and camera paths. Review the environment from multiple viewpoints and refine selected areas while preserving the overall layout and reproducible settings.
中文简介正在准备中。当前显示英语简介。
- Build a continuous 3D landscape from a written brief
- Plan a camera fly-through across distinct regions
- Refine one area's terrain or vegetation placement
calesthio/OpenMontage☆ 7.1万2026年10月17日 更新
Build a Three.js 3D model from an object or character reference image using code. The workflow develops shapes and materials in stages, compares rendered views with the reference, and guides corrections through quality checks.
中文简介正在准备中。当前显示英语简介。
- Rebuilding a photographed object as a browser-based 3D prop
- Creating a stylized character from a reference image
- Planning model parts, materials, and animation pivots
img2threejs/img2threejs☆ 1.9万2026年10月21日 更新
Build interactive 3D globe visualizations with globe.gl, displaying locations, connections, regions, and labels. The skill guides setup in HTML or React, explains data fields for each layer, and addresses sizing and mobile performance.
中文简介正在准备中。当前显示英语简介。
- Plot locations on a 3D globe
- Show connections between locations
- Overlay regional data and labels
MengTo/Skills☆ 68952026年10月18日 更新
Entrypoint for building, upgrading, and finishing Three.js browser games. Routes work across the sibling threejs-* skills for gameplay, graphics, UI, 3D/image/audio asset generation, debugging, and release. Use for any request to build, upgrade, polish, or ship a Three.js game as a whole, at any scope from a small arcade prototype to a premium release.
中文简介正在准备中。当前显示原文说明。
majidmanzarpour/threejs-game-skills☆ 25582026年9月28日 更新
Generate, texture, rig, animate, stylize, convert, and download 3D assets for Three.js games via the Tripo API. Use for text-to-3D, image-to-3D, game-ready GLB/FBX, characters, creatures, buildings, props, weapons, terrain, auto-rigging, animation retargeting, model texturing, voxel/LEGO stylization, and low-poly conversion. Pair with threejs-image-generator for concept and texture references first.
中文简介正在准备中。当前显示原文说明。
majidmanzarpour/threejs-game-skills☆ 25582026年9月28日 更新
Light and shade a three.js scene: choose materials (MeshStandardMaterial PBR vs unlit MeshBasicMaterial), add ambient/hemisphere/directional/point/spot lights, turn on shadow maps, and use an environment map (IBL) for realistic reflections. Use when a three.js model looks black, flat, or wrong — when the user mentions three.js materials, MeshStandardMaterial, lights, shadows, envMap, or PBR. For renderer/loop setup use threejs-scene-setup; for loading models use threejs-gltf-loading.
中文简介正在准备中。当前显示原文说明。
gamedev-skills/awesome-gamedev-agent-skills☆ 22762026年10月9日 更新
Load glTF/GLB models in three.js with GLTFLoader and play their skinned animations with AnimationMixer, including DRACO/Meshopt-compressed meshes and KTX2 textures. Use when importing 3D models into three.js — when the user mentions glTF, GLB, GLTFLoader, AnimationMixer, animation clips, DRACOLoader, or "load a 3D model". For scene/camera/renderer setup use threejs-scene-setup; for materials and lights use threejs-materials-lighting.
中文简介正在准备中。当前显示原文说明。
gamedev-skills/awesome-gamedev-agent-skills☆ 22762026年10月9日 更新
Stand up a three.js scene: import maps and the three/addons path, the Scene/PerspectiveCamera/WebGLRenderer trio, the setAnimationLoop render loop, responsive resize, and OrbitControls. Use when starting or debugging a three.js app — when the user mentions three.js, THREE.Scene, WebGLRenderer, PerspectiveCamera, the render loop, resizing, or OrbitControls. For models use threejs-gltf-loading; for materials/lights use threejs-materials-lighting.
中文简介正在准备中。当前显示原文说明。
gamedev-skills/awesome-gamedev-agent-skills☆ 22762026年10月9日 更新
使用Three.js制作浏览器中的三维元素与可交互体验,涵盖场景构建、材质外观、交互控制和渲染后视觉效果,支持从显示到操作与外观调整的制作工作。
- 为网页制作三维元素
- 制作浏览器交互式三维体验
- 调整材质外观与操作方式
nexu-io/open-design☆ 10.3万2026年10月21日 更新
Build a Three.js landscape backdrop for buildings, products, or figures. Combine uneven terrain, wind-blown grass, scattered stones, sky, and stars, with smooth transitions between times of day and guidance on rendering performance.
中文简介正在准备中。当前显示英语简介。
- Create a landscape backdrop for a hero section
- Place a product or building in a natural setting
- Build scenery for a scrolling world
MengTo/Skills☆ 68952026年10月18日 更新
Prepare Vesperfall game assets as paired transparent PNG cards and live 3D previews. Track each model’s actual source, expose available animations, and validate catalog displays, ground contact, and review pages through tests and browser checks.
中文简介正在准备中。当前显示英语简介。
- Adding characters or equipment to the Vesperfall catalog
- Pairing transparent PNG cards with live 3D previews
- Reviewing animations and ground contact on an isolated page
MengTo/Skills☆ 68952026年10月18日 更新
Verify and release Three.js browser games: playtest QA, automated bot playtests, mobile and responsive checks, production builds, static-hosting base paths, debug gating, bundle review, screenshots, visual regression baselines, canvas-pixel inspection with measured metrics, and release risk reports.
中文简介正在准备中。当前显示原文说明。
majidmanzarpour/threejs-game-skills☆ 25582026年9月28日 更新
Upgrade Three.js games from prototype visuals to premium browser graphics: art-direction critique, procedural model building, material and texture libraries, world prop kits, shaders, VFX, lighting and render pipeline, LOD and instancing, render budgets, and a 10-category visual scorecard. Use when screenshots still look basic or the user asks for premium, AAA, high-fidelity, showcase, or less-basic graphics.
中文简介正在准备中。当前显示原文说明。
majidmanzarpour/threejs-game-skills☆ 25582026年9月28日 更新
Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.
中文简介正在准备中。当前显示原文说明。
majidmanzarpour/threejs-game-skills☆ 25582026年9月28日 更新
Build and iterate playable Three.js game systems: starter scaffold, architecture, design briefs, core loops, level and encounter design, entities, input, camera, collision and physics, scoring, objectives, and game feel. Use for first playable slices, new Vite/TypeScript/Three.js setups, level/arena/track/wave/hole/puzzle design, combat encounters, difficulty tuning, and juice.
中文简介正在准备中。当前显示原文说明。
majidmanzarpour/threejs-game-skills☆ 25582026年9月28日 更新
Generate and edit 2D image assets for Three.js games with Google's Gemini image API: concept sheets, image-to-3D inputs, texture and material references, sky and background plates, decals, logos, icons, GUI art, title and menu art, and marketing stills. Also use for direct image editing when the user supplies an image path.
中文简介正在准备中。当前显示原文说明。
majidmanzarpour/threejs-game-skills☆ 25582026年9月28日 更新
Generate, convert, clean, and integrate audio for Three.js browser games with ElevenLabs: sound effects, looping ambience, music tracks and loops (menu, gameplay, boss, victory/defeat stingers), UI sounds, impact/weapon/vehicle audio, creature and boss stingers, announcer and dialogue TTS, voice conversion from a scratch performance, voice cleanup, audio manifests, and Web Audio integration.
中文简介正在准备中。当前显示原文说明。
majidmanzarpour/threejs-game-skills☆ 25582026年9月28日 更新
Debug and profile Three.js browser games: blank canvases, render and runtime bugs, asset and audio loading, animation, resize, mobile input, plus performance profiling of draw calls, triangles, textures, memory, shader and post-processing cost, and bundle size.
中文简介正在准备中。当前显示原文说明。
majidmanzarpour/threejs-game-skills☆ 25582026年9月28日 更新
Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture. Use when users ask for 三维地球航线动画, Three.js Earth, 地球飞线, globe route animation, or exporting an Earth GIF/MP4/PNG sequence.
中文简介正在准备中。当前显示原文说明。
vibe-motion/skills☆ 13832026年10月6日 更新
Reference WebGPU APIs, TSL syntax, node materials, WGSL integration, compute shaders, and post-processing in Three.js. For complete particle canvases use threejs-particle-canvas; for GLSL shaders use rocaille-shader. Triggers on TSL shader, WebGPU renderer, node material, WGSL, GPU compute, WebGPU setup.
中文简介正在准备中。当前显示原文说明。
tdimino/claude-code-minoan☆ 412026年10月20日 更新
Build asset loading for Three.js scenes, including 3D models, textures, and HDR images for backgrounds and reflections. Coordinate multiple files, track loading progress, reuse cached assets, and handle failures with retries or fallback files.
中文简介正在准备中。当前显示英语简介。
- Load GLTF/GLB models into a Three.js scene
- Show loading progress across multiple assets
- Use HDR images for backgrounds and reflections
calesthio/OpenMontage☆ 7.1万2026年10月17日 更新
Set up lighting and shadows in Three.js scenes. Choose light types, create outdoor or studio lighting, use environment images to illuminate materials, and tune shadow settings to balance appearance with rendering performance.
中文简介正在准备中。当前显示英语简介。
- Create sunlight and sky lighting outdoors
- Set up studio or three-point lighting
- Use HDR images for environment lighting
calesthio/OpenMontage☆ 7.1万2026年10月17日 更新
Style Three.js objects with realistic, cartoon, or custom materials. Choose material types, adjust textures and reflections, create glass or metal effects, and use shader code for custom appearance while considering rendering performance.
中文简介正在准备中。当前显示英语简介。
- Give 3D objects metal or glass surfaces
- Create cartoon-style shading
- Adjust textures and environmental reflections
calesthio/OpenMontage☆ 7.1万2026年10月17日 更新
Animate 3D objects in Three.js using timed keyframes, bone movement, and shape changes. Play animations stored in GLTF models, control playback speed and looping, blend actions, and create motion through code.
中文简介正在准备中。当前显示英语简介。
- Playing animations included in GLTF models
- Blending idle, walk, and run animations
- Animating facial expressions and bones
calesthio/OpenMontage☆ 7.1万2026年10月17日 更新