Skip to content
Founding Lifetime: every Pro skillfirst 100 members · $169 onceUpgrade
Lookbk
Sign In
Isometric Diorama Set: example output

4 images made by this skill from examples/harbourline and examples/greenhour

What you get

  • Up to 24 scenes from one dioramas.json, four to a sheet
  • Three bases: a square slab, a round disc or a floating island
  • 1024 px transparent PNGs with a soft shadow, plus 512 and 256 px and 800 px WebP
  • A feature-section page and image with your headline, titles and text
  • Checks for a missing or merged scene, stray objects and odd scale
  • Open-source licenses for every part it builds on

Good fit

  • Startups can give each feature on the landing page its own little isometric world in the brand palette.
  • Product teams can make onboarding and empty-state art that matches the feature illustrations on the site.
  • Designers can generate a set of four from one sheet, then add more later that match sheet 1.

Not for

  • Scenes with screens, signs, words or logos in them
  • Flat 2D illustration styles
  • Exact maps or architectural drawings of real places

About this skill

Little isometric 3D worlds, one per feature, for landing-page feature sections, onboarding and empty states. An image model makes them four to a sheet on a square slab, a round disc or a floating island, so they share one camera, light and scale, and every later sheet copies the first. The script cuts each scene out with its soft shadow and builds a feature-section page with your titles.

Example request

Make isometric diorama illustrations for the four features of our shipping app: pack, ship, track and deliver.

Similar Skills

View all
New
image
Clay Icon SetClaude CodeCodexCursor+3 more agents
New
image
Ink Spot IllustrationsClaude CodeCodexCursor+3 more agents

Details

Output
Transparent PNG · 1024, 512, 256 px, 800 px WebP, feature-section page
Needs
Node.js 18+, Chrome, and a Gemini or OpenAI key (or any image app by hand)
Series
3D Icons · 2 skills
Updated
Nov 2, 2026
Checked
Nov 2, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

Gemini 3 Pro Image or GPT Image, or any image app from the written promptsDifference-matte cut-out in headless ChromeSheet 1 as the style reference for every later sheet
Good forWeb designProduct launchBrand

Installed it? Tell others how it went. Reviews come from people who installed this skill.

Write a review

FAQ

How do the scenes stay consistent?

They are made four to a sheet, so one image gives them the same camera, light, materials and scale, and every later sheet is generated with sheet 1 attached as the reference.

Can I use them on a dark page?

Yes. Each scene is cut out onto transparency with its soft shadow kept as real transparency, so it sits on light or dark backgrounds; index.html shows the set on both.

Does it need an image model?

Yes: Gemini 3 Pro Image or GPT Image with your key. Without a key it writes prompts.md, and you make the sheets in any image app and drop them in sheets/; the cut-out and exports run the same way.

Which agents is Isometric Diorama Set written for?

Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.

Do I own what I make with it?

Yes. Everything your agent makes with this skill is yours, including for client and commercial work.

What if it doesn’t work for me?

Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.

Credits and licensesWritten by Lookbk

Lookbk wrote this package from scratch: the sheet prompts, the backdrop picker, the cut-out, the feature page and the checks. The example sheets were made with Gemini 3 Pro Image from the package’s own prompts. Written by Lookbk, no third-party code.

Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.