3D avatar
React Three Fiber, ARKit blendshapes, 56 Mixamo animations. Expressive and performant.
Voice I/O
Web Speech API input, ElevenLabs TTS output. Zero external dependencies for the input path.
18 widget types
Status, code, metric, progress, chart, terminal, table, diff, action, and more — spawned contextually during conversation.
The Conversation Compiler
A small neural rewriter (gpt-4.1-nano or comparable) that sits between the agent and the TTS pipeline. Input: raw agent output (markdown, JSON, technical text) Output: spoken-language version plus emotion, animation, and widget metadataExample
Agent output:Deployed to Railway. Build 47 passed. 3 of 5 tests green.After Conversation Compiler:
- Spoken: “Deploy’s live. Build passed, three of five tests green.”
- Emotion: smile
- Animation: Head-Nod-Yes
- Widgets:
[status: "Deploy" → success],[progress: "Tests" → 60%]
Widget system
18 contextual widget types spawn during conversation:| Widget | Purpose |
|---|---|
status | Success / error / pending indicator |
code | Syntax-highlighted code block |
metric | KPI with trend arrow |
progress | Progress bar with percentage |
list | Ordered or unordered list |
chart | Bar, line, or pie chart |
terminal | Terminal output display |
link | Clickable link |
table | Data table with headers |
diff | Code diff (additions/deletions) |
action | Actionable button (approve, run, deny) |
image | Image with caption |
github | Live GitHub repo status |
dashboard | Full dashboard with KPIs |
goals | Agent goals/objectives |
tasks | Task list with status |
agents | Active agents display |
activity | Activity timeline |
Governance integration
Avatars reacts to policy events from the SINT Protocol gateway. Expression and widget choice depend on the tier and outcome.| Event | Expression | Animation | Widget |
|---|---|---|---|
| T0 approve | default | — | — |
| T1 approve | default | Head-Nod-Yes | Status (3s) |
| T2 deny | thinking | Thoughtful-Head-Shake | Status (8s) |
| T3 escalate | surprised | Thinking | Approval action (30s) |
Hardware
Browser
WebGL 2.0, modern browser. Works on laptops, tablets, and phones. The avatar scales to the viewport.
Kiosk / desktop
Electron wrapper for dedicated operator kiosks. Voice wake word, always-on microphone, full-screen avatar mode.
Deployment
.env.
Read next
SINT OS
How Avatars composes with the rest of the stack.
GitHub repo
Source, build instructions, contribution guide.