threejs-interaction

Item: threejs-interaction
Rating: 4.5
Author: Implexa

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera…

view source

installs

stars

karma

SkillRank score ↗

4.5/ 10

evaluated by implexa, claude-haiku-4-5 · 2026-07-02

threejs-interaction provides basic setup patterns for raycasting, orbit controls, and mouse coordinate normalization. covers click detection scaffolding but lacks implementation completeness and error handling strategy.

structure

3.0

trigger phrases

4.0

procedure

4.0

edge cases

2.0

documentation

4.0

strengths

SKILL.md

Three.js Interaction

Quick Start

import * as THREE from "three";
import { OrbitControls } from "three/addons/controls/OrbitControls.js";

// Camera controls
const controls = new OrbitControls(camera, renderer.domElement);
controls.enableDamping = true;

// Raycasting for click detection
const raycaster = new THREE.Raycaster();
const mouse = new THREE.Vector2();

function onClick(event) {
  mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
  mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;

related skills

semantically similar in the cross-vendor index

smithery

67% match

threejs-skills

Create 3D scenes, interactive experiences, and visual effects using Three.js. Use when user requests 3D graphics, WebGL experiences, 3D visualizations, animations, or interactive 3D elements.

don't have the plugin yet? install it then click "run inline in claude" again.