Threejs Procedural Geometry
Build production procedural mesh systems in Three.js. Use for sculpted rail and frame profiles, oriented branch rings, semantic mesh writers, deliberate skins and caps, UV density, custom normals, material slots, instancing decisions, and close-inspection geometry budgets.
Install
$ agentstack add skill-scottstts-threejs-awesome-graphics-agent-skills-threejs-procedural-geometry ✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
About
Procedural Geometry
Generate geometry from a semantic plan and an explicit coordinate frame. Triangle emission is the final compilation step, not the design model.
Build order
- Define dimensions and semantic segments.
- Generate a centerline, boundary, profile, or placement plan.
- Build the mechanism-appropriate local parameterization or branch orientation.
- Emit vertices with intentional seams and material ownership.
- Generate UVs from real distance.
- Validate winding, normals, tangents, bounds, and degenerates.
- Select merging, instancing, or LOD by update and material behavior.
Read [references/profile-sweeps-and-mesh-writers.md](references/profile-sweeps-and-mesh-writers.md) for the exact sculpted-frame profile, rail emission, tree rings, semantic mesh writer, and their observed scaling limits.
Read the [sculpted gallery frame geometry](examples/sculpted-gallery-frame/frame-geometry.js) for the profile sweep, miter-like rail mapping, authored PBR surface bundles, grazing spotlights, selective bloom ownership, and geometry diagnostics.
Read the [authored financial tower compiler](../threejs-procedural-architecture/examples/authored-financial-tower/building-system.js) for semantic placement compilation and material-slot instancing at building scale.
Failure conditions
- profile orientation flips along a curve;
- caps reuse side vertices and create averaged edge normals;
- UV scale changes with segment count;
- arbitrary vertex merging destroys hard edges or material boundaries;
- generated dimensions are hidden in magic multipliers;
- instancing is used despite per-instance topology differences;
- triangle count is the only reported complexity metric.
Routing boundary
This skill owns reusable mesh emission. Use $threejs-procedural-architecture for a building grammar and $threejs-procedural-vegetation for a growth hierarchy; those subject skills may then apply these geometry mechanisms.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: scottstts
- Source: scottstts/Threejs-Awesome-Graphics-Agent-Skills
- License: MIT
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet — be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.