←Leaderboard/Gaming/diorama
Last commit on October 24, 2026·Created on October 24, 2026

sloemo01/diorama

“Build pixel-art dioramas in Three.js.”
Combined rank
#666
across all skills
In Gaming
#20
category rank
Stars
338
+136.4% in last 7d
Forks
22
Watchers
0
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

Diorama provides a code kit and playbook for creating staged 3D scenes featuring locked three-quarter cameras, palette-snapped pixel grids, and toy-scale characters with joint animation.

WHO IT'S FOR
Creative coders
building pixel-art dioramas with Three.js
Game artists
designing toy-scale pixel scenes and animations
AI agent builders
implementing autonomous 3D scene generation
WebGL developers
creating stylized low-resolution 3D visuals
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

See the repository for installation instructions.

Open repository instructions ↗

Give it something to do.

Suggested first task

Build a bakery at closing

Uses diorama

  • A target project directory.
  • For the documented QA workflow: Node with three, esbuild, playwright-core, and an available Chromium installation.

Make sure diorama is installed in your agent before trying this task.

Use the diorama skill to build a small Three.js pixel-art diorama of a bakery at closing. Research the subject first, keep the scene focused, and include a short animated loop that can be frozen at any second. Use the locked three-quarter camera, white background, pixel palette, and ink contour.
SKILL.md ↗ · Checked Nov 5, 2026templates/qa/README.md ↗ · Checked Nov 5, 2026README.md ↗ · Checked Nov 5, 2026
Suggested first task

Restyle an existing 3D scene

Uses diorama

  • An existing 3D scene and its project directory.
  • The representative scene state or time to show.

Make sure diorama is installed in your agent before trying this task.

Use the diorama skill to give my existing 3D scene its pixel-art presentation: a locked three-quarter camera, white background, palette-snapped pixel grid, dither, and ink contour. Start with one representative frozen frame so I can review the look.
SKILL.md ↗ · Checked Nov 5, 2026