3D scenes your agent gets right.

Left alone, an agent guesses at three.js APIs, shader math, and performance budgets. Better Design hands it 28 curated guides, from fundamentals to GPGPU particles and React Three Fiber, pulled on demand while it codes. In private preview.

Connect:

What the guides cover.

  • Core

    Scenes, cameras, materials, textures, lights and shadows, models, particles, physics.

  • Workflow

    Debug panels, performance budgets, code structure, Blender baking, loading states, deployment.

  • Shaders

    GLSL fundamentals, effect recipes from holograms to procedural terrain, custom lighting, GPGPU particles.

  • React Three Fiber

    The declarative mental model, drei helpers, staging, physics with Rapier, full game architecture.

  • Official reference

    The three.js manual, WebGPU and TSL, the R3F API surface, the drei catalog, postprocessing.

  • 28 guides, distilled and searchable by task, symptom, or API name.

Ask, read, build.

  1. 1

    Ask for the task

    Your agent calls get-three-js-guide with the job in plain words, like a dissolve shader or a physics-driven player.

  2. 2

    The right guide answers

    Search runs over every guide's aliases and content, so the response is the technique, its gotchas, and working code.

  3. 3

    Code with the guardrails

    The agent builds against the guide's invariants instead of guessing, from color space rules to draw call budgets.

Give your agent a 3D education.

The three.js guides are in private preview. Install Better Design in the coding agent you already use, then ask us for access.

Install Better Design