---
title: "threejs-shaders skill example: game · skilld"
description: "Codex made this game with the /threejs-shaders skill from one prompt: “Build Chromatic Loom, a Three.js shader toy showing an original undulating fabric…"
canonical_url: "https://skilld.dev/skills/demos/cloudai-x/threejs-skills/threejs-shaders"
meta:
  "og:description": "Codex made this game with the /threejs-shaders skill from one prompt: “Build Chromatic Loom, a Three.js shader toy showing an original undulating fabric…"
  "og:title": "threejs-shaders skill example: game"
---

# **What /threejs-shaders 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-shaders](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-shaders#demo)

PromptBuild Chromatic Loom, a Three.js shader toy showing an original undulating fabric surface with woven bands and a luminous edge. Use actual ShaderMaterial vertex displacement and fragment colour, authored GLSL, and working amplitude, weave density, palette, pause, and reset controls. Bundle Three.js inline. Ensure a composed camera view and 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-shaders](https://skilld.dev/gh/cloudai-x/threejs-skills/threejs-shaders)

cloudai-x/threejs-skills