tresjs

SKILL.md

Declarative Vue 3 framework for building 3D scenes with Three.js components.

TresCanvas root component wraps WebGL renderer; all Three.js classes available as Vue components with Tres prefix (e.g., TresMesh, TresPerspectiveCamera)

Core packages: @tresjs/core (required), @tresjs/cientos (OrbitControls, model loaders, materials), @tresjs/post-processing (bloom, glitch, depth-of-field effects)

Props are reactive; changes automatically update the 3D scene; use primitive component to inject existing Three.js objects

Composables include useTres (scene access), useLoop (animation frames), useGLTF (model loading), and useGraph (scene traversal)

TresJS

Vue 3 framework for building 3D scenes with Three.js. Declarative components that wrap Three.js objects.

Packages: @tresjs/core (required), @tresjs/cientos (helpers), @tresjs/post-processing (effects)

Installation

# Core (required)
pnpm add three @tresjs/core

# Helpers - controls, loaders, materials, staging
pnpm add @tresjs/cientos

# Post-processing effects
pnpm add @tresjs/post-processing