3d-high-poly-models

Create detailed 3D models with bevels and prepare runtime LODs for Three.js scenes.

6.3k|743|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/MengTo/Skills --skill 3d-high-poly-models-mengto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: 3d-high-poly-models
Source: https://github.com/MengTo/Skills/tree/main/agent-skills/3d/3d-high-poly-models
Command: npx skills add https://github.com/MengTo/Skills --skill 3d-high-poly-models-mengto

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? High-detail 3D models often look faceted up close or stall the renderer when shipped unoptimized. This Skill guides the creation of believable close-up geometry and its conversion into practical runtime assets with LODs, instancing, and efficient loading. ## Core Features & Use Cases - Close-Up Modeling Guidance: Separates detail into silhouette, surface form, and microdetail, with rules for bevels, normals, curve segments, procedural swept branches, and scanned rock geometry. - Runtime Optimization: Covers glTF/GLB export validation, Three.js LOD thresholds with hysteresis, InstancedMesh for repeated geometry, shadow cost control, and geometry compression. - Startup & Interaction Performance: Prioritizes hero geometry loading, defers optional detail, uses proxies for selection and collision, and defines verification steps for frame time and draw calls. - Use Case: A developer building a Three.js landing page with a hero tree and stone scene uses this Skill to model smooth swept trunks, instance leaf cards, and configure LOD transitions that hold 60fps on mobile. ## Quick Start Use the 3d-high-poly-models skill to build a detailed hero model for my Three.js scene and prepare optimized runtime LODs for it.

Frequently Asked Questions about 3d-high-poly-models

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create high-poly 3D models for Three.js close-ups?▼

Build detail at three scales: geometry for silhouettes, geometry or displacement for surface form like bevels and dents, and material maps for microdetail. Keep a high-detail master, then export a validated glTF/GLB runtime asset and derive lower-detail LOD versions.

How to set up LOD for detailed models in Three.js?▼

Use Three.js LOD with thresholds derived from projected on-screen size, preserving silhouette and baked shading in lower-detail versions. Add hysteresis or transitions to avoid rapid LOD switching, and verify by walking across thresholds from the real camera.

Does geometry compression reduce runtime triangle count?▼

No. Compression reduces transfer size only; decoded geometry keeps its original triangle count. Treat quantization and simplification as distinct operations, and validate decoded geometry and appearance separately after compression.

When should I use InstancedMesh for repeated geometry?▼

Use InstancedMesh for repeated geometry and material pairs such as roof tiles, stones, or foliage. Partition large repeated fields spatially so one visible object does not force the entire site to draw.

Why does my detailed 3D scene stall at startup?▼

Startup stalls come from loading all detail upfront or regenerating identical procedural meshes. Load visible hero geometry first, defer optional interiors, reuse buffers, keep a coarse representation until detail is ready, and prewarm shader variants asynchronously.