·threejs-scene-builder
</>

threejs-scene-builder

Comprehensive Three.js and React Three Fiber skill for creating 3D scenes, characters, NPCs, procedural generation, animation retargeting, and interactive experiences. Use when user asks to "create Three.js scene", "setup React Three Fiber", "add 3D character", "create NPC AI", "procedural 3D generation", "retarget animation", "setup avatar system", or "create 3D game".

35Installs·0Trend·@jarrodmedrano

Installation

$npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill threejs-scene-builder

How to Install threejs-scene-builder

Quickly install threejs-scene-builder AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill threejs-scene-builder
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: jarrodmedrano/jarrod-claude-skills.

SKILL.md

View raw

Three.js & React Three Fiber - Complete 3D Development Skill

Comprehensive guide for creating advanced 3D web experiences using Three.js and React Three Fiber (R3F), covering scene setup, character systems, NPCs, procedural generation, animation retargeting, physics, and interactive gameplay.

React Three Fiber is a React renderer for Three.js that enables declarative, component-based 3D development.

Comprehensive Three.js and React Three Fiber skill for creating 3D scenes, characters, NPCs, procedural generation, animation retargeting, and interactive experiences. Use when user asks to "create Three.js scene", "setup React Three Fiber", "add 3D character", "create NPC AI", "procedural 3D generation", "retarget animation", "setup avatar system", or "create 3D game". Source: jarrodmedrano/jarrod-claude-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill threejs-scene-builder
Category
</>Dev Tools
Verified
First Seen
2026-03-01
Updated
2026-03-10

Browse more skills from jarrodmedrano/jarrod-claude-skills

Quick answers

What is threejs-scene-builder?

Comprehensive Three.js and React Three Fiber skill for creating 3D scenes, characters, NPCs, procedural generation, animation retargeting, and interactive experiences. Use when user asks to "create Three.js scene", "setup React Three Fiber", "add 3D character", "create NPC AI", "procedural 3D generation", "retarget animation", "setup avatar system", or "create 3D game". Source: jarrodmedrano/jarrod-claude-skills.

How do I install threejs-scene-builder?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill threejs-scene-builder Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/jarrodmedrano/jarrod-claude-skills