# 3D component for the web (/scaffold--component-3d)

/scaffold--component-3d is a Claude Code skill in the Code section. Generates a 3D component with React Three Fiber, Three.js or Babylon.js, including types, animations and controls, matched to your project.

- Web version: https://skills.sgomez.dev/en/s/scaffold--component-3d
- Section: [Code](https://skills.sgomez.dev/en/code.md)
- Author: Santiago Gómez de la Torre
- License: MIT
- Source: https://github.com/sgomez-dev/claude-skills/blob/main/skills/scaffold/component-3d.md
- Updated 27 Mar 2026

## How to ask for it

- `/scaffold--component-3d create a 3D product viewer with React Three Fiber`
- `/scaffold--component-3d I need a Three.js scene with camera controls`
- `/scaffold--component-3d generate an animated 3D component in Babylon.js`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```

Claude Code plugin:

```
/plugin marketplace add sgomez-dev/claude-skills
/plugin install scaffold-skills@claude-skills-collection
```

## Permissions

- Reads: `**/*`
- Writes: `**/*`
- Runs: —
- Network: No
- Destructive: No

## Author's description

Generate a 3D component (React Three Fiber, Three.js, Babylon.js) with types, animations, and controls

- [How we review this](https://skills.sgomez.dev/en/methodology.md)