# How to give a hobby app an isometric machine-style interface with anatomy

Repo: [wheresryan22/anatomy](https://github.com/wheresryan22/anatomy) | Difficulty: Advanced | Time: 2 hours | Basis: Seen in the wild

Use the skill's look to design the interface of a small control panel, like a web remote.

**Who it is for:** Hobbyist building a small web remote or dashboard who wants a distinctive visual style

**The problem:** Plain buttons and sliders make a hobby project look generic.

**The outcome:** A web interface where controls look like parts of an isometric machine, built with the skill's shading and camera.

## Steps

1. Install the skill: npx skills add wheresryan22/anatomy -g
2. Ask Claude Code to use /anatomy to design the control panel for your project.
3. Wire the generated figure to your app's real actions.
4. Test each control and fix mismatches between the drawing and behavior.

## Prompt to paste into your agent

```text
Use the anatomy skill from wheresryan22/anatomy to design an isometric control panel for <my small app>. Make sure each drawn control triggers the right action.
```

## Caveat

The skill makes figures to explain things, so connecting it to real app logic is custom work by you and the agent.

## Seen in the wild

- X (Oct 2026): https://x.com/i/web/status/2111471785946562815

Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/

URL: https://dedupedai.com/use-cases/wheresryan22-anatomy/design-an-isometric-ui-for-a-small-app/