← 모든 Skills · 3D · Three.js Scene Builder

Three.js Scene Builder — 완성 출력
Runs inClaude Code Codex Cursor Muse Dot Grok Bot Cue OpenClaw Hermes
Install guidesClaude Code Codex Cursor Muse
필요 사항:장면 브리프(brief.txt: [objects] id: shape | size … | pos … | material …; [lights]; [camera]; [scene])와 장면을 볼 WebGL 브라우저.

Similar Skills

Blender Scene Assistant previewFree

Blender Scene Assistant

  1. 일반 텍스트로 장면 브리프 작성
  2. 브리프에 생성기 실행
  3. 장면을 믿기 전에 보고서 읽기
  4. Blender에서 렌더링(헤드리스 또는 뷰포트)
  5. 오류 수정 후 다시 실행

View all skills →

제공 내용

  • 독립형 scene.html: import map, 그림자가 있는 렌더러, 각 오브젝트에 표준 재질
  • OrbitControls와 턴테이블 애니메이션, 크기 조정 핸들러 포함
  • 장면 보고서: 오브젝트·조명 표와 모든 오류·경고
  • 생성된 모듈 스크립트는 매 실행마다 node --check로 구문 검사

이런 분께 적합

  • 링크로 공유하는 제품 턴테이블과 3D 웹 장면
  • 사이트에 연결하기 전 3D 장면 프로토타입
  • 장면을 정직하게 유지: 적힌 것만 빌드

적합하지 않은 경우

  • 복잡한 외부 모델(GLTF/FBX) — 기본 도형만
  • 빠진 오브젝트, 조명, 배경을 알아서 채우기
  • 장면이 좋다는 증명 — 보고서가 깨끗하다는 건 브리프와 일치한다는 뜻이지 보기 좋다는 뜻이 아님

샘플 출력

이 Skill이 생성하는 것의 예시입니다. 설명을 위한 샘플 콘텐츠입니다.

Three.js Scene Builder report — sample

Scene report: Yellow Mug Turntable

Objects: 3 valid | Lights: 2 | Camera: custom | Background: #262627 | Turntable: on

Objects: pedestal (cylinder 2.0, 0.15); mug (cylinder 0.9, 1.1); backdrop (plane 12, 12).

Errors: none. Warnings: none. Module node --check: OK.

Messy draft check: 2 valid objects, 3 errors (unknown capsule shape; duplicate mug id; negative-size badbox), 1 warning (missing camera — default added).

이 Skill 소개

You say
Three.js 제품 턴테이블을 만들어줘: 어두운 받침대 위 노란 머그, 밝은 배경, 오비트 컨트롤 포함.

설치 방법

  1. 설치 프롬프트를 에이전트에 복사하세요: Read https://skillu.dev/install/agent.md, then install the Three.js Scene Builder skill (threejs-scene-builder).
  2. 또는 출시 후 이 페이지에서 Skill 패키지를 다운로드해, 그 폴더를 에이전트의 skills 디렉터리에 넣습니다.
  3. 슬래시 명령으로 호출하세요. 예: /threejs-scene-builder. 그리고 원하는 것을 평범한 말로 설명하세요.

자주 묻는 질문

브리프에 오류가 있으면 어떻게 되나요?

유효한 부분으로는 장면이 생성되고, 보고서에 모든 오류와 경고가 나옵니다: 알 수 없는 도형은 버리고, 중복 id는 첫 정의를 유지하고, 잘못된 크기는 지적하고, 카메라가 없으면 명시된 기본값으로 대체합니다. 브리프를 고쳐 다시 실행하세요.

적지 않은 것도 만들어지나요?

아니요. 브리프의 오브젝트, 조명, 설정만 나타납니다. 배경이나 두 번째 조명이 없으면 브리프의 빈틈이지, 스킬이 채워주지 않습니다.

장면에 서버가 필요한가요?

정적 호스트나 한 줄짜리 로컬 서버면 충분합니다(python3 -m http.server). 페이지는 unpkg CDN에서 three.js 0.160.0을 불러옵니다. 완전 오프라인으로 쓰려면 모듈과 OrbitControls 애드온을 로컬에 내려받아 import map을 그쪽으로 향하게 하세요.

Premium 받기 더 많은 Skills 둘러보기