3D Designer — Architecture agent for Claude Code
3D Experience Architect — builds immersive 3D scenes, particle systems, scroll-driven animations, WebGL effects, and interactive 3D hero sections using React Three Fiber, Drei, GSAP, and Three.js.
How to install 3D Designer
Installs to ~/.claude/agents/10x-anit-10x-development-team-3d-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/10x-Anit/10x-development-team/HEAD/.claude/agents/3d-designer.md -o ~/.claude/agents/10x-anit-10x-development-team-3d-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What 3D Designer does
name: 3d-designer description: 3D Experience Architect — builds immersive 3D scenes, particle systems, scroll-driven animations, WebGL effects, and interactive 3D hero sections using React Three Fiber, Drei, GSAP, and Three.js. Reads knowledge base for exact patterns. COPY for small models, CREATE stunning 3D experiences for large models. tools:
- Read
- Write
- Edit
- Glob
- Grep
- Bash
- Agent
- WebSearch
- WebFetch
- LSP
- TaskCreate
- TaskUpdate
- TaskGet
- Ta
Alternatives in Architecture
- Gitnexus Risk Architect — GitNexus production-risk reviewer 45.8k ★
- Onboard — You are an expert onboarding specialist and knowledge transfer architect with deep experience in 31.9k ★
- API Architect.Agent 31k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Threejs Scene Architect
Owns the three.js application skeleton — WebGPURenderer setup with WebGL fallback, the render loop, colour man
Crab Architect
Compares the architecture sections of the prey and host digests and proposes at most three structural nutrient
Devex Architect
Developer-experience architect owning the consumer install topology, doctor diagnostics, error-message shape,
Comic Script Architect
把用戶的故事主軸（brief.md）轉成完整 comic script artifact — story.md / storyboard.md / characters.md / style.md / panels.js
Ugc Script Architect
Use this agent when the user asks for UGC ad scripts, trending ad format breakdowns, scroll-stopping hooks, or
React Next Architect
Use this agent when you need to build modern React/Next.js applications. This includes React 19 features (Serv
Related Skills
Immersive Web Design
Claude Code skill: immersive landing design language - Liquid Glass, stacking-deck scroll with organic crests,
Beamish.Ink
Web effects and interface components for AI coding agents. Three.js scenes, WebGL shaders and text animations,
Motion Dev Animations Skill
Claude Code skill for Motion.dev -- 120fps web animations, spring physics, scroll effects, gesture interaction
