mirror of
https://github.com/secondsky/claude-skills.git
synced 2026-09-18 19:54:22 +08:00
secondsky
292c93845e
- Rewrites AI-sounding text to read human; 8 editing passes + review-only mode - Adapted from jpeggdev/humanize-writing (MIT); npm installer scaffolding dropped - Frontmatter condensed to 238 chars (sync enforces 250 max for single-skill plugins) - Lockstep bump 3.8.0 -> 3.9.0: all 145 plugins, both marketplaces, package.json - CHANGELOG entry for 3.9.0
Three.js Skills Plugin
Comprehensive Three.js knowledge base for Claude Code, providing accurate API references, best practices, and working code examples for building 3D web experiences.
What This Plugin Provides
- 10 detailed topic references covering all major Three.js domains
- Quick start examples for common tasks
- Accurate API signatures for Three.js r160+
- Performance optimization tips
- Working code patterns
Topics Covered
- Fundamentals - Scene setup, cameras, renderer, Object3D hierarchy
- Geometry - Built-in shapes, BufferGeometry, custom geometry
- Materials - PBR materials, shader materials, material properties
- Lighting - Light types, shadows, environment lighting
- Textures - UV mapping, environment maps, render targets
- Animation - Keyframe/skeletal animation, animation mixing
- Loaders - GLTF/GLB loading, async patterns
- Shaders - GLSL basics, ShaderMaterial, custom effects
- Postprocessing - EffectComposer, bloom, DOF, screen effects
- Interaction - Raycasting, camera controls, input handling
Installation
Via Claude Skills Marketplace
This plugin is part of the claude-skills repository.
# Add the marketplace once (if not already added)
/plugin marketplace add https://github.com/secondsky/claude-skills
# Install this plugin
/plugin install threejs@claude-skills
Manual Installation
# Clone or copy to your project
cp -r plugins/threejs /your/project/.claude-plugin/
# Or symlink to Claude Code global plugins
ln -s $(pwd)/plugins/threejs ~/.claude/plugins/threejs
Usage
Claude Code automatically loads Three.js knowledge when you work with 3D graphics. Common trigger phrases:
- "Create a Three.js scene with..."
- "Add a rotating cube"
- "Load a GLTF model"
- "Implement custom shader"
- "Add bloom effect"
- "Set up raycasting for mouse picking"
Three.js Version
This plugin is verified for Three.js r160+ (January 2024) and uses the modern ES6 import format:
import * as THREE from 'three';
import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
Examples
See skills/threejs/SKILL.md for quick start examples across all topics.
Source
Based on the excellent threejs-skills repository by CloudAI-X, adapted for the claude-skills plugin structure.
License
MIT License - See LICENSE file for details.
Credits
- Original skills: CloudAI-X/threejs-skills
- Adapted for claude-skills by: Claude Skills Maintainers
- Three.js: https://threejs.org