page-mascot

page-mascot puts a small character on your web page that follows the visitor's cursor with its head and reacts when clicked. It is a React component with two required props, plus a gallery of 52 ready-made characters you can download and drop in. MIT licensed, free, and on npm at version 0.1.0.

Nothing to host. Install from npm, put two sprite sheets in your public folder, and render the component. The trick is simple on purpose: each character is two 3 by 3 sheets, nine head directions and nine expressions, and the pointer angle picks the cell. Tracking switches off on touch devices and the click animation respects reduced-motion settings.

The second half is an agent skill that draws new characters for you. Ask Claude Code or Codex for a chibi otter, or a mascot based on your photo, in one of six styles, and it generates both sheets, checks the alignment, and wires up the component. Codex uses its own image tool. Claude Code goes through the OpenAI images API, so you need an OpenAI key and pay for the generations.

The catch: it is decoration. It adds image weight to your page for charm, not function, and at 0.1.0 the API could still change. The prompts are in the repo for use in any chat UI.