One Drawing, A Living Avatar
A free guide to Mesh Avatar Studio by Yuki Shindo: turn one illustration into an animated 2D avatar that blinks, talks and turns its head. Which drawing works, how Claude Code or Codex builds the rig, how you fix it by dragging dots in the local editor, drawn eyes and mouths, putting it on your own website with one HTML element, Live with webcam and OBS, and the honest catches. With a tested embed page, six prompts and a checklist.
What is inside
- The right drawing The six checks that decide how much you fix later.
- The agent build What Claude Code or Codex does: vision check, rig, layers, pose review.
- Fix by dragging Pose test, lip sync, outlines, rebuild layers.
- starter/index.html A dark embed page with your avatar and five expression buttons, version pinned.
- PROMPTS.md + CHECKLIST.md Six prompts and the before/build/ship checklist.
- Honest catches Vision model, time, image generator, rights to the drawing.
A drawing you have the rights to (PNG, front-facing, head and shoulders). Node.js 22.17+ and Git for the editor; Python 3.10+ with uv and Playwright Chromium for the agent steps; Claude Code or Codex with a strong vision model. Drawn eyes and mouths are optional and send your image to an image generator. The guide is in English.