Clawd in Twenty-Eight Art Styles

Clawd, the Claude Code mascot, drawn live in twenty-eight art styles: from the cave wall to the lapel pin, and a few experiments beyond. Every line is drawn by code in your browser, with no images and no dependencies.

Unofficial fan art, built on ChetasLua's original gallery.

Credits

• Art styles 1–20 and the whole engine (the 3D mascot model, the rig that watches your cursor, the gallery): ChetasLua, from the original Clawd in Twenty Styles.
• Art styles 21–28 (henrik-styles.js): Henrik's experiments, eight looks from an upcoming project, re-drawn around Clawd. Only the look carries over.

Running it

Open index.html through any static server. A server is needed because the page loads henrik-styles.js as a separate file:

python -m http.server 8790

Then go to http://localhost:8790.

Controls: move the pointer and they watch you · click a tile to spin it · drag to turn it · W wave · D dance · H hop · Space say cheese.

Test views: ?grid=idle&cell=200 (every art style in one pose), ?sheet=21,22&poses=idle,left,spin (a pose sheet), ?solo=epoem&pose=idle&size=800 (one big tile).

Regenerating the GIFs

With the static server running, node tools/record-gifs.mjs records every registered art style into media/ (needs Playwright and ffmpeg; set NODE_PATH=$(npm root -g) if Playwright is installed globally).

Adding an art style

Each art style is one call:

CM.style({ id, n, title, caption, init(env) { return state; }, draw(g, env, rig, state) { /* 400×400 tile */ } });

CM.build(rig.pose, view) returns the projected mascot (faces, eyes, hulls), and CM.raster(M, cols, rows) turns it into a grid of cells. The gallery shows every registered art style in order of n.

Fork it, add to it

Feel free to fork this repo and make it your own, or send a pull request with a new art style (or anything else). Every addition is welcome.

License

MIT, covering the code in this repository. The Clawd character and the Claude name belong to Anthropic; this is unofficial fan art and the license grants no rights to the character or marks.