/렌더 – Claude Code의 3D 모델 기술
hackernews
|
|
📦 오픈소스
#3d 모델링
#ai 딜
#build123d
#claude
#claude code
#텍스트 생성
원문 출처: hackernews · Genesis Park에서 요약 및 분석
요약
텍스트 명령어만으로 즉각적인 3D 모델링이 가능한 '클로드 코드(Claude Code) 전용 스킬'이 소개되었습니다. 사용자가 "/render" 명령어와 함께 원하는 형태를 입력하면, AI가 매개변수 기반의 파이썬(build123d) 코드를 작성 및 실행하여 브라우저 뷰어에 .glb 형식의 3D 모델을 수 초 내로 시각화해 줍니다. 클라이언트가 제공하는 Three.js 기반의 뷰어(포트 3123)에서는 마우스를 활용한 궤도 제어는 물론, 코드 패널을 통해 파라미터 값을 세밀하게 수정한 뒤 단축키(Ctrl+Enter)로 빠르게 재렌더링할 수도 있습니다. Python 3.10 이상과 클로드 코드 환경만 있으면 별도의 복잡한 의존성 설치 없이 격리된 가상환경(.venv)을 통해 손쉽게 구축 및 활용할 수 있다는 것이 특징입니다.
본문
A Claude Code skill that generates 3D models from text descriptions using build123d and renders them in a browser viewer. /render a gear with 12 teeth /render a phone case with rounded corners /render a torus knot Claude writes the parametric Python code, executes it, and the model appears in your browser within seconds. Open the code panel to tweak parameters and re-render with Ctrl+Enter. # Clone into your Claude Code skills directory git clone https://github.com/YOUR_USER/claude-render-skill.git ~/.claude/skills/render # First run installs build123d automatically (~30s) That's it. Type /render a box with a hole in any Claude Code session. you: "/render a gear" │ ▼ Claude Code writes build123d Python code │ ▼ Executes → exports .glb to viewer/models/ │ ▼ Three.js viewer auto-loads the model http://localhost:3123 The viewer starts automatically on first render. It includes: - Three.js 3D viewport with orbit controls - Code editor panel (click code ) for tweaking parameters - Ctrl+Enter to re-render from the browser - Auto-reload on new models ├── SKILL.md # Skill definition + build123d API reference ├── setup.sh # One-time bootstrap (creates .venv, installs build123d) ├── viewer/ │ ├── index.html # Three.js viewer with code editor │ ├── serve.py # Local HTTP server (port 3123) │ ├── render.py # render() helper for exporting .glb │ └── models/ # Generated .glb files + scripts └── README.md - Python 3.10+ - Claude Code No other dependencies — setup.sh creates an isolated venv and installs everything. You can also use the viewer standalone without Claude Code: # Start the viewer ~/.claude/skills/render/.venv/bin/python3 ~/.claude/skills/render/viewer/serve.py # Write a script cat > ~/.claude/skills/render/viewer/models/script.py << 'EOF' from build123d import * from viewer.render import render box = Box(10, 10, 10) - Cylinder(4, 12) box.color = Color("steelblue") render("model", box) EOF # Run it PYTHONPATH=~/.claude/skills/render ~/.claude/skills/render/.venv/bin/python3 ~/.claude/skills/render/viewer/models/script.py
Genesis Park 편집팀이 AI를 활용하여 작성한 분석입니다. 원문은 출처 링크를 통해 확인할 수 있습니다.
공유