threejs-fundamentals은(는) 무엇을 하나요?
Three.js 씬 설정, 카메라, 렌더러, Object3D 계층 구조, 좌표계. 3D 씬 설정, 카메라 생성, 렌더러 구성, 객체 계층 구조 관리 또는 변환 작업 시 사용합니다.
Three.js 씬 설정, 카메라, 렌더러, Object3D 계층 구조, 좌표계. 3D 씬 설정, 카메라 생성, 렌더러 구성, 객체 계층 구조 관리 또는 변환 작업 시 사용합니다.
이 스킬은 Three.js를 활용한 3D 그래픽스 프로그래밍의 핵심 요소를 다룹니다. 씬(Scene) 초기화, 카메라(원근/직교) 설정, 렌더러(Renderer) 구성, Object3D 계층 구조 관리 및 좌표계 변환에 대한 명확하고 체계적인 지침을 제공합니다. 개발자는 이 스킬을 통해 3D 씬을 빠르게 구축하고, 객체 간의 부모-자식 관계를 이해하며, 위치, 회전, 크기 변환을 정확히 적용할 수 있습니다. 주로 Cursor, Claude Code 등 AI 에이전트 기반 개발 환경에서 사용되며, SKILL.md 문서를 바탕으로 에이전트가 Three.js 관련 작업을 수행할 때 적절한 코드와 설명을 제공하도록 설계되었습니다.
npx skills add https://github.com/cloudai-x/threejs-skills/tree/main/skills/threejs-fundamentalsInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Three.js 씬 설정, 카메라, 렌더러, Object3D 계층 구조, 좌표계. 3D 씬 설정, 카메라 생성, 렌더러 구성, 객체 계층 구조 관리 또는 변환 작업 시 사용합니다.
This repo contains 9 individual skills — each has its own dedicated page.
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.
Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.
Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.