Three.js Architecture Effects — effect skill for 3D scenes

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Self-assembling 3D buildings in three.js: bricks, timber, eaves and PBR, driven by one seekable progress value.

What it does

Builds orbitable three.js construction animations, mainly Chinese pavilions, pagodas and clock towers that assemble brick by brick. The order runs from foundations and timber frame to layered eaves, tiles and ornament, with procedural PBR materials and close-up detail cameras. One normalized progress value, shared by the color and depth shaders, drives the whole build, so seeking backward, pausing and replaying stay deterministic. That makes it easy to drive from a video timeline. scripts/scaffold.mjs copies a Vite + React + three r185 starter (a clock-tower reference) into a new folder without installing anything. It is beta because the repo was published in one day (2026-09-22, three commits). The starter is interactive (orbit, scrub bar), throttles shadow updates on wall-clock time and skips frames while the page is hidden, so a capture loop should set progress and force a render on every frame.

Use when

Not for

Install

Example output

https://skills.varg.ai/previews/threejs-architecture-effects.mp4 — The README preview video: a Chinese drum tower assembles itself in three.js, from empty lot to timber frame, red walls and tiered green roofs, driven by one progress value. Cut 1.5-11.5 s of 19.6 s. (credit: Hailey (lhlGitHub, threejs-architecture-effects), https://github.com/lhlGitHub/threejs-architecture-effects#readme)

More 3D scenes skills

Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.