Individual skill

threejs-architecture-effects

Build or refine real Three.js architectural construction animations, especially Chinese pavilions, pagodas and clock towers with brick-by-brick growth, timber framing, layered eaves, procedural PBR materials and interactive detail cameras. Use for 3D建筑生长、古建搭建特效、楼台逐层建造、建筑动态组装 or similar architectural miniatures; not for flat image reveals or generic website styling.

SKILL.md

Read pinned source

Source commit 693ca2ec1193e7355054f14d7deb1427439a24d0

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Local scripts
Last checked: Nov 5, 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): 707
Repository last updated: Sep 22, 2026
License: MIT

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

engineering Derived category
marketing 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

.gitignoreasset · 56 bytes
LICENSEasset · 1,063 bytes
README.mddoc · 4,569 bytes
SKILL.mdcore · 4,753 bytes
agents/openai.yamlasset · 382 bytes
assets/preview.gifasset · 1,976,495 bytes
assets/preview.mp4asset · 24,333,378 bytes
assets/preview.pngasset · 325,103 bytes
assets/starter/.gitignoreasset · 56 bytes
assets/starter/LICENSEasset · 1,063 bytes
assets/starter/README.mddoc · 606 bytes
assets/starter/index.htmlasset · 272 bytes
assets/starter/package-lock.jsonasset · 34,256 bytes
assets/starter/package.jsonruns · 542 bytes
assets/starter/src/App.tsxruns · 3,616 bytes
assets/starter/src/PagodaThreeScene.tsxruns · 6,772 bytes
assets/starter/src/heritage/architecture.tsruns · 25,666 bytes
assets/starter/src/heritage/builder.tsruns · 6,119 bytes
assets/starter/src/heritage/materials.tsruns · 6,838 bytes
assets/starter/src/main.tsxruns · 155 bytes
assets/starter/src/style.cssasset · 6,831 bytes
assets/starter/tsconfig.jsonasset · 294 bytes
assets/starter/vite.config.tsruns · 132 bytes
references/construction-principles.mddoc · 3,446 bytes
references/template-guide.mddoc · 2,940 bytes
references/verification.mddoc · 3,259 bytes
scripts/scaffold.mjsruns · 876 bytes

Read excerpt


# Three.js Architecture Effects

Create an actual, orbitable 3D building assembled from solid components. The included clock-tower miniature is a working reference, not a mandatory design or a historical reconstruction.

Resolve `<this-skill-dir>` from the loaded `SKILL.md`. Do not mix files from a different install of this skill.

## References

| File | Read it when |
| --- | --- |
| [references/template-guide.md](references/template-guide.md) | scaffolding a new project or mapping starter files |
| [references/construction-principles.md](references/construction-principles.md) | geometry, assembly timing, materials, or lighting |
| [references/verification.md](references/verification.md) | stutter, quality checks, metrics, or handoff |