Individual skill

3d-scene

A small 3D world: several objects in a setting (a diorama, a room, a courtyard, a tabletop, a little landscape), planned first, lit by a real sky, textured with free CC0 assets, as stills or a camera flythrough video.

packages/content/local/skills/3d-scene/SKILL.md

Read pinned source

Source commit 400641fd6781fa0febad445984ee76440374736d

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: Yes
Observed behavior: Instructions only
Last checked: Nov 4, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 1,045
Repository last updated: Nov 7, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

claude-code Repository topic
codex Repository topic
cursor Repository topic
dashboard Repository topic
design Repository topic
design-systems Repository topic
design-tokens Repository topic
figma Repository topic
github-copilot Repository topic
mcp Repository topic
3d Declared skill tag
three.js Declared skill tag
webgl Declared skill tag
scene Declared skill tag
diorama Declared skill tag
environment Declared skill tag
flythrough Declared skill tag
hdri Declared skill tag
poly-haven Declared skill tag
3d-场景 Declared skill tag
微缩景观 Declared skill tag
engineering Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 21,305 bytes

Read excerpt


# 3D Scene

**Intent.** A small world shown well: several objects that belong together in one setting (a diorama, a corner of a room, a courtyard, a tabletop, a small landscape), lit by a real sky, framed by a camera that knows where to look, and optionally moving through it. The page is one self-contained three.js scene. People use it as a hero visual, a still, or a short flythrough clip.

Use `3d-object` instead for a single product or logo on a stage. This isn't a game: no player, physics or input beyond orbiting.

## 1. Plan before you build

Write the **scene spec** first, as a block in the page, and build everything from it:

```html
<script type="application/od-scene+json" id="scene-spec">
{
  "explicit": ["stone courtyard", "dusk", "brass lantern", "two potted plants", "10 s flythrough"],