AI Avatars

Fifty interactive character studies for an assistant on a round display, all sharing the same activities and expressions.

AIHardware
The AI Avatars collection page listing Open Skeleton, Fragment, Third Eye, Dot flock and Red eye
The collection page. Studies run as plain HTML, CSS and JavaScript with no dependencies or keys.
Status
50 browser studies
Tools
HTML, CSS, JavaScript, WebGL, Playwright
Links
Source

An assistant on a round display has to read at a glance: what it is doing and how it feels. Every design follows one contract of 12 activities and 7 independent expressions, so any of the 50 characters can be compared on the same states.

  • Open Skeleton

    Thinking

  • Fragment

    Listening

  • Third Eye

    Searching

  • Dot flock

    Got it

  • Red eye

    Speaking

  • Prismatic lens

    Answering

Six of the 50 studies, each recorded from the live gallery in a different state. Open Skeleton plays its own thinking clip.

Decisions

Colour never carries an activity alone

Activity is shown by geometry, pupil opening, gaze or field deformation. That keeps a state readable across the six shared palettes.

Dot flock and Red eye studio with character, activity, emotion and reaction controls
Dot flock in the Dot flock and Red eye studio.

Every state has an entry, a hold and an exit

Waiting, input, error, completion, waking and sleep each animate in, hold and animate out, with interruption and recovery built into the controls.

Open Skeleton gallery with activity and emotion selectors
Open Skeleton, shown with reduced motion as a still pose.
Next project
Agentic Design System