---
title: "threejs-animation skill example: game · skilld"
description: "Codex made this game with the /threejs-animation skill from one prompt: “Build Clockwork Grove, a Three.js animated mechanical garden with original procedural…"
canonical_url: "https://skilld.dev/skills/demos/cloudai-x/threejs-skills/threejs-animation"
meta:
  "og:description": "Codex made this game with the /threejs-animation skill from one prompt: “Build Clockwork Grove, a Three.js animated mechanical garden with original procedural…"
  "og:title": "threejs-animation skill example: game"
---

# **What /threejs-animation made**

One recorded run: the prompt, and what the Agent built with the Skill.

Teach your agent skilld

`npx skilld install skilld --global`

Adds the skilld Skill to your agent for every project.

gpt-6.1-solRecorded with Codex, gpt-6.1-sol [ Open the demo of /threejs-animation](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-animation#demo)

PromptBuild Clockwork Grove, a Three.js animated mechanical garden with original procedural flowers that unfold in a choreographed loop. Use actual Three.js AnimationClip tracks and mixers, with play/pause, speed, bloom phase scrubber, and reset controls. No external model assets. Bundle Three.js inline. Ensure the opening view already shows an interesting scene; include a clear WebGL-unavailable state. Don't ask questions. Make the design calls yourself. Use TypeScript for build tooling if needed. Save the final demo as one self-contained index.html with all CSS and runtime JavaScript inline. Bundle any package code locally. All visible controls must work. It will run in an opaque iframe with sandbox allow-scripts only: no form submissions, storage, popups, or downloads. Use explicit button handlers and in-page results. Support reduced motion, keyboard use, 390px mobile, and 1440px desktop. Verify the important controls in a browser before finishing.

[/threejs-animation](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-animation)

cloudai-x/threejs-skills