Image to Three.js Model
img2threejs/img2threejs
Rebuilds the object in a reference image as a procedural, animation-ready Three.js model written entirely in code, using staged sculpting with quality checks.
A skill your agent uses when changing the in-world CCTV / "Truman Show" surveillance cameras in Tiny World Builder — render-to-texture security feeds, the black-and-white CRT/VHS monitor shader…
$ npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install jasonkneen/tiny-world-builder tinyworld-cctv-truman --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/jasonkneen/tiny-world-builder.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.codex/skills/tinyworld-cctv-truman .claude/skills/tinyworld-cctv-truman && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "tinyworld-cctv-truman" agent skill from https://github.com/jasonkneen/tiny-world-builder/tree/main/.codex/skills/tinyworld-cctv-truman into .claude/skills/tinyworld-cctv-truman/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tinyworld-cctv-truman", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/jasonkneen/tiny-world-builder/tree/main/.codex/skills/tinyworld-cctv-trumanType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install jasonkneen/tiny-world-builder tinyworld-cctv-truman --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/jasonkneen/tiny-world-builder.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.codex/skills/tinyworld-cctv-truman .agents/skills/tinyworld-cctv-truman && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "tinyworld-cctv-truman" agent skill from https://github.com/jasonkneen/tiny-world-builder/tree/main/.codex/skills/tinyworld-cctv-truman into .agents/skills/tinyworld-cctv-truman/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tinyworld-cctv-truman", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install jasonkneen/tiny-world-builder tinyworld-cctv-truman --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/jasonkneen/tiny-world-builder.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.codex/skills/tinyworld-cctv-truman .cursor/skills/tinyworld-cctv-truman && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "tinyworld-cctv-truman" agent skill from https://github.com/jasonkneen/tiny-world-builder/tree/main/.codex/skills/tinyworld-cctv-truman into .cursor/skills/tinyworld-cctv-truman/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tinyworld-cctv-truman", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/jasonkneen/tiny-world-builder.git --path .codex/skills/tinyworld-cctv-truman--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install jasonkneen/tiny-world-builder tinyworld-cctv-truman --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/jasonkneen/tiny-world-builder.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.codex/skills/tinyworld-cctv-truman .gemini/skills/tinyworld-cctv-truman && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "tinyworld-cctv-truman" agent skill from https://github.com/jasonkneen/tiny-world-builder/tree/main/.codex/skills/tinyworld-cctv-truman into .gemini/skills/tinyworld-cctv-truman/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tinyworld-cctv-truman", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install jasonkneen/tiny-world-builder tinyworld-cctv-trumanInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/jasonkneen/tiny-world-builder.git skills-src && mkdir -p .github/skills && cp -r skills-src/.codex/skills/tinyworld-cctv-truman .github/skills/tinyworld-cctv-truman && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "tinyworld-cctv-truman" agent skill from https://github.com/jasonkneen/tiny-world-builder/tree/main/.codex/skills/tinyworld-cctv-truman into .github/skills/tinyworld-cctv-truman/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tinyworld-cctv-truman", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install jasonkneen/tiny-world-builder tinyworld-cctv-truman --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/jasonkneen/tiny-world-builder.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.codex/skills/tinyworld-cctv-truman .opencode/skills/tinyworld-cctv-truman && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "tinyworld-cctv-truman" agent skill from https://github.com/jasonkneen/tiny-world-builder/tree/main/.codex/skills/tinyworld-cctv-truman into .opencode/skills/tinyworld-cctv-truman/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tinyworld-cctv-truman", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
tinyworld-cctv-trumanA skill your agent uses when changing the in-world CCTV / "Truman Show" surveillance cameras in Tiny World Builder — render-to-texture security feeds, the black-and-white CRT/VHS monitor shader…
Tinyworld Cctv Truman is an agent skill from jasonkneen/tiny-world-builder. Use when changing the in-world CCTV / "Truman Show" surveillance cameras in Tiny World Builder — render-to-texture security feeds, the black-and-white CRT/VHS monitor shader, camera placement (lobby side-cams, pumpkincam, treecams), subject tracking, or the lobby screen cutting to live feeds.
Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Game Development. The licence is AGPL-3.0.
Read from SKILL.md and the folder at commit 49e8abd. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
npmFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Tinyworld Cctv Truman loads about 1.5k tokens when it runs. Until then it costs about 79 tokens; SKILL.md has 711 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from jasonkneen/tiny-world-builder at commit 49e8abd, republished under its AGPL-3.0 licence (© jasonkneen). 711 words, ~1,538 tokens.
.claude/skills/tinyworld-cctv-truman/SKILL.md (or your agent's skills folder).Low-res black-and-white security cameras that watch the lobby and feed both physical monitors and the big lobby presentation screen. They idle-sweep, then pan to look at whoever is MOVING nearby — like the hidden cameras in The Truman Show. Do not mount CCTV or the big screen in non-lobby worlds.
engine/world/62-cctv-truman.js — the core system. IIFE exposing
window.__tinyworldCCTV. 4-space body indent on purpose so the
duplicate-declaration guard in tools/check.js (which only scans 2-space
top-level decls) ignores its locals.engine/world/63-cctv-placement.js — mounts cams + monitors on lobby room
enter, tears down on non-lobby enter or leave. Exposes
window.__tinyworldCCTVPlacement. Lobby detection is
window.__TW_LOBBY_WORLD_SLUG || 'tidewater-bay'.engine/world/58-lobby-presentation.js — the lobby-only big screen; its
tick() cuts between slides and the hottest live feed.scripts/landing-feed.js + styles/landing.css — the public landing-page
live-worlds panel. World rows are buttons: click once to expand an island
CCTV preview (2D canvas from /api/worlds.preview.cells), click again to
collapse. This is a lightweight marketing/front-door CCTV treatment, not a
Three.js render target.engine/world/25-animation-loop-schema.js calls
window.__tinyworldCCTV.tick(t,dt) then window.__tinyworldLobby.tick(t,dt)
before renderScene() so feeds captured this frame appear this frame.PerspectiveCamera + a small WebGLRenderTarget
(FEED_W×FEED_H, 4:3). tick() round-robins captures (CAPTURES_PER_FRAME,
capped at FEED_FPS) using renderer.setRenderTarget(rt); renderer.render(scene, cam)
— always save/restore the previous render target (getRenderTarget()),
and bail if renderer/scene aren't ready.ShaderMaterial (CRT_FRAG): luminance B&W, scanlines,
a rolling interference bar, hash static, vignette, and uSignal dropout that
dissolves toward static. A second canvas texture (tCaption) bakes the camera
name + live date/time + blinking REC and is composited in the shader. The
material is tagged userData.windowLightEffect = true + lightVisual = true
so prepareFadeable() does NOT swap it for a fade material (skill:
tinyworld-render-performance).#include <colorspace_fragment> (r185 output color
space), like every other ShaderMaterial here.setSubjectsProvider(() => [{pos:Vector3, name}]). The room
feeds WS.subjects() (self + peer avatar sprite positions). Cameras + monitors
live under WS.avatarParent() — the SAME local frame as the avatars and lobby
screen — so subject positions need no conversion.aim() scores each in-range subject by prox*0.6 + moved*1.0 (movement dominates) using per-feed last-position memory; it lerps
curLook toward the winner (TRACK_LERP) or idle-sweeps (IDLE_LERP). A
per-feed activity score spikes on motion and decays (ACTIVITY_DECAY).activeFeed(minActivity) / feedsByActivity() let the lobby
screen auto-cut to whichever camera has something happening. glitch(id,amt)
drops uSignal briefly to sell a cut.On lobby enter only (after a 350ms delay so cells + lobby screen exist) it
mounts:
lobby-l / lobby-r — flank both sides of the presentation screen, angled at
the crowd (toward +z).pumpkincam — over the biggest kind:'pumpkin' cell (scans world[][],
sorts by floors).treecam-1/2 — over the tallest kind:'tree' cells.
Monitors stack up the sides of the lobby screen. window.__tinyworldCCTVFeeds
lists mounted feed ids. On non-lobby enter or leave, clear feeds, disable
capture, and remove monitors.build() stashes screenMesh + slideMat. The screen is shown only in the
configured lobby world, not every island. The state machine auto-advances slides
(AUTO_ADVANCE), then after SLIDE_DWELL swaps the screen material to a
monitorMaterialFor(hotFeed) for FEED_DWELL, then back. Manual presenter
go() and hide() snap back to slides. New API: tick, setCycle, showSlides, showFeed, liveFeed.
?cctv=demo (or =1) drops 4 monitors around origin watching a bobbing test
subject and self-drives the tick — verifies the CRT look + tracking without a
multiplayer room.scripts/landing-feed.js: if local /api/worlds is not
available, mock window.fetch('/api/worlds'), append a fresh copy of the
script, click .hero-feed-link, and assert .hero-feed.is-expanded, one
.hero-feed-cctv-canvas, and the .hero-feed-cctv-meta status/link render.
The panel should anchor below the nav (.hero-feed.is-expanded) and scroll
internally instead of overflowing the hero.addCamera + tick a few
frames with a moving subject, assert activeFeed() returns the feed and
activity > 0.npm run check (duplicate-decl + i18n), npm run smoke, ./publish.sh.renderer.render passes tank FPS (the renderer contract is single-pass per
feed; this is the only sanctioned extra-RT path here besides pixelation).windowLightEffect tag.avatarParent(), not scene, or they
won't inherit the tinyverse scale/offset and subject tracking will be wrong.© jasonkneen, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .codex/skills/tinyworld-cctv-truman of jasonkneen/tiny-world-builder.
Open the folder on GitHubat commit 49e8abd
Tinyworld Cctv Truman next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Tinyworld Cctv Truman this skilljasonkneen/tiny-world-builder | 1.6k | — | ~1.5k | Automated safety check: Pass | AGPL-3.0 | |
| Image to Three.js Modelimg2threejs/img2threejs | 18k | 1 repos | ~8.2k | Automated safety check: Pass | Apache-2.0 | |
| Web CloneJane-xiaoer/claude-skill-web-clone | 1k | 1 repos | ~2.7k | Automated safety check: Pass | MIT | |
| Threejs Game Directormajidmanzarpour/threejs-game-skills | 2.5k | — | ~2.2k | Automated safety check: Pass | MIT | |
| Game Asset Generatorhtdt/godogen | 7.1k | — | ~2.8k | Automated safety check: Pass | MIT | |
| Threejs Gameplay Systemsvalkor-ai/loom | 1.2k | 1 repos | ~1.4k | Automated safety check: Pass | Apache-2.0 |
img2threejs/img2threejs
Rebuilds the object in a reference image as a procedural, animation-ready Three.js model written entirely in code, using staged sculpting with quality checks.
Jane-xiaoer/claude-skill-web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树,覆盖静态站 /…
majidmanzarpour/threejs-game-skills
Entrypoint for building, upgrading, and finishing Three.js browser games.
htdt/godogen
Generates game art from text prompts: PNG images, GLB 3D models, rigged characters, animations and sprites, with background removal.
valkor-ai/loom
Build and iterate playable Three.js game systems: starter scaffold, architecture, design briefs, core loops, level and encounter design, entities, input, camera, collision and physics, scoring…
CyberAgentGameEntertainment/NovaShader
Execute C with Unity APIs when existing uloop tools cannot inspect or edit enough.
jasonkneen/tiny-world-builder
Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js.
jasonkneen/tiny-world-builder
create robust, browser-runnable three.js primitive reconstructions from static low-poly, voxel, isometric, or stylized game-art reference images.
jasonkneen/tiny-world-builder
A skill your agent uses whenever an LLM agent needs to search, browse, or download 3D models from Poly Pizza (poly.pizza) using their REST API.
jasonkneen/tiny-world-builder
A skill your agent uses when styling any tool/block button, palette tile, icon chip, or new clickable square in Tiny World Builder.
jasonkneen/tiny-world-builder
A skill your agent uses when changing ghost board generation, path / road / river continuity, deterministic regen, edge connections, or anything that runs inside makeGhostWorld in…
jasonkneen/tiny-world-builder
A skill your agent uses when changing the home island layout, edge dressing, undersides, autoincentive sponsor banner (now a top-left logo-adjacent DOM banner), plane/crop-duster flight paths…
Categories
A skill your agent uses when changing the in-world CCTV / "Truman Show" surveillance cameras in Tiny World Builder — render-to-texture security feeds, the black-and-white CRT/VHS monitor shader…. Tinyworld Cctv Truman is an agent skill from jasonkneen/tiny-world-builder. Use when changing the in-world CCTV / "Truman Show" surveillance cameras in Tiny World Builder — render-to-texture security feeds, the black-and-white CRT/VHS monitor shader, camera placement (lobby side-cams, pumpkincam, treecams), subject tracking, or the lobby screen cutting to live feeds.
Tinyworld Cctv Truman fits situations like: changing the in-world CCTV / Truman Show surveillance cameras in Tiny World Builder — render-to-texture security feeds; the black-and-white CRT/VHS monitor shader; camera placement (lobby side-cams; subject tracking.
Run `npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -a claude-code`. Or copy the skill folder (.codex/skills/tinyworld-cctv-truman in jasonkneen/tiny-world-builder) into .claude/skills/tinyworld-cctv-truman in your project. Claude Code loads it when a task matches its description.
Run `npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -a codex`. Or copy the skill folder (.codex/skills/tinyworld-cctv-truman in jasonkneen/tiny-world-builder) into .agents/skills/tinyworld-cctv-truman in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/tinyworld-cctv-truman, .gemini/skills/tinyworld-cctv-truman, .github/skills/tinyworld-cctv-truman and .opencode/skills/tinyworld-cctv-truman in your project.
Going by SKILL.md and its folder, Tinyworld Cctv Truman needs the command-line tools its instructions call (npm).
SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Tinyworld Cctv Truman is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.5k tokens (SKILL.md is roughly 6.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Tinyworld Cctv Truman: Image to Three.js Model (img2threejs/img2threejs, 18k stars), Web Clone (Jane-xiaoer/claude-skill-web-clone, 1k stars), Threejs Game Director (majidmanzarpour/threejs-game-skills, 2.5k stars) and Game Asset Generator (htdt/godogen, 7.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
jasonkneen (a GitHub user) maintains it in jasonkneen/tiny-world-builder, which has 1,592 GitHub stars. The repository holds 29 skills in this directory. The repository was last updated on October 10, 2026.
Source: jasonkneen/tiny-world-builder on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.