How lhlgithub/threejs-architecture-effects works
This repository is an agent skill for creating interactive, orbitable Three.js Chinese-architecture miniatures, plus a working starter and a script that copies it into a new project. The documented workflow is to plan the assembly, model the finished silhouette, animate parts from a shared timeline, and author procedural materials. The README documents the starter’s controls and capabilities; source excerpts were provided only for the scaffold script, so internal runtime wiring is not inferred.
Main entry points: SKILL.md Architecture skill · scaffold.mjs Starter copier · construction-principles.md Construction principles · template-guide.md Template guide
Components 13
Skill guidance
- Architecture skill
SKILL.md - Construction principles
references/construction-principles.md - Template guide
references/template-guide.md - Verification guidance
references/verification.md
Interactive starter
- Assembly planning
assets/starter/src/heritage/builder.ts - Building design
assets/starter/src/heritage/architecture.ts - Procedural materials
assets/starter/src/heritage/materials.ts - Three.js scene
assets/starter/src/PagodaThreeScene.tsx - Timeline and cameras
assets/starter/src/App.tsx - Application entry
assets/starter/src/main.tsx
Project creation
- Starter copier
scripts/scaffold.mjs - Generated starter project
assets/starter
Other components
- User / agent
Connections 10
- User / agent → Architecture skill: invokes
- Architecture skill → Construction principles: consults
- Architecture skill → Template guide: consults
- Architecture skill → Verification guidance: consults
- Architecture skill → Assembly planning: guides authoring
- Architecture skill → Building design: guides authoring
- Architecture skill → Procedural materials: guides authoring
- User / agent → Starter copier: runs
- Starter copier → Generated starter project: copies
- User / agent → Timeline and cameras: operates