An Agent Skill for building interactive, self-assembling 3D architecture with Three.js. 一个用 Three.js 生成可交互、可动态建造 3D 建筑的 Agent Skill。
Follow the documented setup, then try a first task.
Installs: Complete threejs-architecture-effects skill folder · Codex
Platform: Desktop-oriented environment with a WebGL2 browser
In a terminal, clone the repository.
git clone https://github.com/lhlGitHub/threejs-architecture-effects.git
Manually copy the cloned threejs-architecture-effects folder to ~/.codex/skills/threejs-architecture-effects, or to $CODEX_HOME/skills/threejs-architecture-effects when using a custom CODEX_HOME.
Start a new Codex session after copying the folder.
Installs: Complete threejs-architecture-effects skill folder · Claude Code
Platform: Desktop-oriented environment with a WebGL2 browser
In a terminal, clone the repository.
git clone https://github.com/lhlGitHub/threejs-architecture-effects.git
Manually copy the cloned threejs-architecture-effects folder to ~/.claude/skills/threejs-architecture-effects.
Start a new Claude Code session after copying the folder.
Installs: Complete threejs-architecture-effects skill folder · Cursor
Platform: Desktop-oriented environment with a WebGL2 browser
In a terminal, clone the repository.
git clone https://github.com/lhlGitHub/threejs-architecture-effects.git
In the same terminal context, copy the cloned folder into Cursor's skills directory.
cp -R threejs-architecture-effects ~/.cursor/skills/
Start a new Cursor session after copying the folder.
Uses threejs-architecture-effects
Use $threejs-architecture-effects to make a Chinese pavilion like the starter: red walls, dark-green tiles, built storey by storey, orbitable, with eave close-ups.
Claude
Codex
Cursor