title: Inkmap
emoji: 🐙
colorFrom: gray
colorTo: pink
sdk: static
pinned: false
short_description: Try a tattoo on a 3D body before it touches skin.
Inkmap — try a tattoo on before it's real
Pick a design, click anywhere on the body, and it wraps onto the skin right there. Turn it, size it, mirror it, move on to the next one. Inkmap is the sketchpad in front of Tatbot, an open-source tattoo robot being built in public in Austin: the place where a tattoo gets decided — which design, where on the body, how big, which way up — in a form a machine can read back.
How to use it
| do this | to |
|---|---|
| describe a placement, such as on the left forearm | resolve an exact spot with InkLang; choose from buttons if the wording is ambiguous |
| click a design, then click the body | place it — a ghost follows your pointer until you click |
| A / D | rotate on the skin (hold Shift for bigger steps) |
| W / S | make it larger / smaller |
| Enter or ✓ Accept | keep it and pick the next one |
| Delete or ✕ Discard | throw it away |
| click a placed tattoo | select it again — sliders and mirror are in the sidebar |
| ♂ / ♀ and the colour dots | switch body, change skin tone (natural or otherwise) |
| drag the background | orbit; scroll to zoom |
| download JSON / load JSON | save your layout and bring it back later |
Placing and saving happen in your browser; the JSON file is written to your own computer.
InkLang is the placement system behind the description box. It normalizes the words, combines them with the selected body, and records one exact point on the body's canonical surface. It does not generate artwork. A phrase like forearm needs a left/right choice and nothing is generated or placed until you make it. The older “a fine line octopus on the left knee ditch” sentence also works; its design words and placement clause stay separate internally.
What is in a saved layout
Each tattoo is stored as a surface anchor — a spot on the body mesh — plus a rotation and a size in millimetres, and the file records exactly which body it was made on. The original placement description, normalized meaning, and body-surface resolution travel with that anchor. That is deliberately not a picture. A layout is a sketch, not a robot instruction, reachability result, or contact qualification. Nothing here operates a machine or tattoos a person.
Credits
- Body: a synthetic nominal body derived from SOMA-X v0.3.0 (Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES) and MHR v1.0.1 (Copyright (c) Meta Platforms, Inc. and affiliates), both Apache-2.0. It is not a scan of anyone.
- Rendering: three.js via React Three Fiber.
- Designs: a handful of placeholder line drawings; the point is the placement, not the flash.
Made by Tatbot · code on GitHub · hello@tatbot.ai