three.ws

README.mp4

Give your AI a body. three.ws is an open-source, browser-native 3D AI agent platform. Drop a GLB file, add an LLM brain, register on-chain, and embed anywhere — no plugins, no server uploads, no installs required.

API Reference

The backend API is composed of Vercel serverless functions located in the api/ directory. Key endpoints include:

api/agents.js: CRUD operations for agents.
api/chat.js: Handles LLM chat interactions.
api/mcp.js: The Model Context Protocol (MCP) endpoint.
api/auth/: User authentication and session management.
api/payments/: Payment processing.
api/agent-actions.js: Records agent actions.
api/agent-memory.js: Manages agent memory.

An OpenAPI 3.1 specification is available at /openapi.json.

Authentication & OAuth 2.1

The platform includes a full OAuth 2.1 server for secure authentication and authorization. Key features include:

Email & Wallet Sign-in: Users can register and sign in with email or a crypto wallet (SIWE).
OAuth 2.1 Flow: Standard authorization code flow with PKCE.
API Keys: Developers can generate API keys with specific scopes and expiry dates.

Build & Deployment

The project is deployed on Vercel. The package.json file contains several scripts for building and deploying the application:

npm run dev: Starts the local development server.
npm run build: Builds the main application.
npm run build:lib: Builds the distributable library.
npm run build:chat: Builds the Svelte-based chat component.
npm run build:rider: Builds the rider sub-project.
npm run build:all: Runs all build scripts in parallel.
npm run install:sdk: Installs and builds the agent-payments-sdk.
npm run deploy: Deploys the project to Vercel.

Claude CLI

The claude.sh script is a command-line interface (CLI) to help manage the agent and SDKs. You can run it directly or via npm run claude.

Usage:

# Using npm
npm run claude -- [COMMAND]

# Direct execution
./claude.sh [COMMAND]

Commands:

Command	Description
`install-sdk`	Installs and builds the `@pump-fun/agent-payments-sdk`.
`validate-cards`	Validates the agent definition cards in `src/agents/`.
`db-migrate`	Applies database migrations from `scripts/migrations/`.
`db-status`	Checks the status of database migrations.
`pump-smoke-test`	Runs a smoke test for the pump.fun integration.
`seed-skills`	Seeds the skills from the `skills-manifest.js` file.
`test`	Runs the full test suite.
`format`	Formats the codebase using Prettier.
`clean`	Cleans up all build artifacts and `dist/` folders.
`deploy`	Deploys the project to Vercel (requires confirmation).
`deploy-agent <name>`	Packages a specified agent into a distributable zip file.
`help`	Shows this help message, listing all available commands.

Environment Variables

The following environment variables are required. Copy .env.example to .env.local and provide the values.

Variable	Description
`PUBLIC_APP_ORIGIN`	Public URL of the application.
`DATABASE_URL`	Connection string for the Neon Postgres database.
`S3_ENDPOINT`	Endpoint for the S3-compatible storage bucket.
`S3_ACCESS_KEY_ID`	Access key ID for the S3 bucket.
`S3_SECRET_ACCESS_KEY`	Secret access key for the S3 bucket.
`S3_BUCKET`	Name of the S3 bucket.
`S3_PUBLIC_DOMAIN`	Public CDN base URL for the S3 bucket.
`UPSTASH_REDIS_REST_URL`	URL for the Upstash Redis instance.
`UPSTASH_REDIS_REST_TOKEN`	Token for the Upstash Redis instance.
`JWT_SECRET`	Secret key for signing JWTs.
`ANTHROPIC_API_KEY`	API key for the Anthropic (Claude) LLM.
`OPENROUTER_API_KEY`	API key for the OpenRouter free model proxy.
`VITE_RPM_SUBDOMAIN`	Ready Player Me subdomain for the avatar creator.
`VITE_PRIVY_APP_ID`	Privy app ID for client-side wallet authentication.
`PRIVY_APP_ID`	Privy app ID for server-side token verification.
`AVATURN_API_KEY`	API key for the Avaturn photo-to-avatar pipeline.
`AGENT_RELAYER_KEY`	Private key for the ERC-7710 delegation relayer.
`AGENT_RELAYER_ADDRESS`	Public address of the relayer.
`RPC_URL_<CHAINID>`	RPC URLs for different blockchain networks.

Cloud Marketplaces
Testing
Contributing
License

What is three.ws?

three.ws is a full-stack system for creating, deploying, and embedding 3D AI agents. It combines a WebGL model viewer, an LLM-driven agent runtime, on-chain identity contracts, and a distributable web component into one cohesive platform.

At its core, it does four things:

Render — loads and validates glTF 2.0 / GLB models in WebGL 2.0 with zero server-side processing. Drag a file onto the browser and it renders instantly with full Draco, KTX2, and Meshopt decompression.
Embody — wraps any avatar with an LLM brain. The agent listens to the user, thinks with Claude, executes tools (animations, gestures, memory operations, skill calls), and expresses emotion through morph-target blending on the 3D model in real time.
Register — optionally mints the agent as an ERC-8004 token on any EVM chain, giving it a stable on-chain identity, a wallet address, signed action history, and a reputation score that cannot be forged.
Embed — distributes the agent as an <agent-3d> web component that anyone can drop into a page, or as one of five purpose-built widget types (turntable, animation gallery, talking agent, passport card, hotspot tour) with Open Graph and oEmbed support built in.

The backend is a set of Vercel serverless functions backed by Neon Postgres for metadata, Cloudflare R2 for model storage, and Upstash Redis for rate limiting. It exposes a full OAuth 2.1 authorization server and an MCP (Model Context Protocol) endpoint so external AI systems can drive avatars programmatically.

three.ws is production-ready and serves three.ws live. The entire stack — viewer, agent runtime, contracts, backend, and web component — is open source under Apache 2.0.

Vision

One day, creating your agent should be as simple as taking a selfie.

Point your camera at yourself — or anyone — and watch a fully realized 3D avatar emerge: your face, your voice, your personality, alive in the browser. That avatar becomes an agent with memory and skills, registered onchain as an ERC-8004 token, permanent and verifiable by anyone forever. No 3D software. No wallet setup. No uploads. Just a photo and a name.

This is the direction three.ws is heading: photo → avatar → agent → onchain identity, in a single flow. The infrastructure is already here — the viewer, the runtime, the contracts, the embedding layer. What comes next is closing the gap between a picture of a person and a living, ownable, embeddable piece of them that exists on the internet permanently.

Roadmap

three.ws ships in four phases. Each phase closes a specific gap between the current platform and the end-state vision: anyone can mint a 3D agent of themselves, own it onchain, and embed it anywhere on the internet.

Phase	Theme	Status
0	Platform foundations (viewer, runtime, ERC-8004, embed layer)	✅ Shipped
1	Selfie → Avatar engine (3-photo capture, hosted inference)	🟡 In progress
2	Agent personalization + voice cloning	⏳ Next
3	Onchain economy (agent tokens, reputation markets, royalties)	⏳ Next
4	Open inference network (decentralized GPU layer)	🔮 Future

Phase 0 — Foundations (Shipped)

The full stack is live at three.ws: WebGL viewer, LLM agent runtime, ERC-8004 identity contracts, OAuth 2.1 server, MCP endpoint, and the <agent-3d> web component. Anyone can register an agent today — but the avatar still has to come from a 3D artist or a third-party tool.

What works: model upload, agent runtime, onchain registration, embedding, signed action history, reputation scores. What doesn't: there is no automated path from a real human face to a usable 3D avatar.

Phase 1 — Selfie → Avatar Engine

Goal: any user takes 3 selfies (left, center, right) and receives a rigged, animatable 3D avatar in under 60 seconds.

Deliverables

Mobile-first capture UX with realtime quality gates (lighting, framing, blur)
Multi-view face reconstruction pipeline (FLAME / 3DMM fitting on top of a base body mesh)
Hosted inference workers (GPU-backed) for sub-minute generation
Output written directly to R2 + minted as a draft ERC-8004 token

Compute requirements

A100/H100-class GPUs for inference, sized to ~10k avatars/day at launch
Training budget for fine-tuning a stylized face-fitter on a curated dataset
CDN egress scaling for high-res GLB delivery

Verification: 1,000 test users complete capture and mint an onchain agent of themselves end-to-end with ≥4/5 likeness score.

Phase 2 — Agent Personalization

Goal: the avatar isn't just you — the agent acts like you.

Deliverables

Voice cloning (3–10 seconds of speech → ElevenLabs custom voice bound to the agent)
Persona extraction from a short onboarding interview (tone, vocabulary, interests)
Memory seeding from connected accounts (X, GitHub, Farcaster) with explicit user consent
Per-agent fine-tuned system prompt stored in the manifest, signed and pinned to IPFS

Verification: users return to converse with their own agent; ≥30% week-2 retention on minted agents.

Phase 3 — Onchain Economy

Goal: agents are real economic objects on EVM and Solana, not just collectibles.

Deliverables

Agent tokens — ERC-8004 mints with bonding-curve pricing or fair launch options
Reputation markets — stake on agents, earn from their action history (extends ReputationRegistry.sol)
Skill royalties — skill authors earn per-call fees through EIP-7710 delegated permissions
Agent-to-agent payments — agents transact autonomously via their delegated signer wallets
Subscriptions & DCA — recurring onchain payments to creators (cron infra already in place)

Funding requirements

Smart contract audits (multi-firm) for the reputation, royalty, and delegation contracts
Liquidity for agent token launches
Indexer infrastructure across Base, Solana, and additional EVM chains

Verification: ≥1,000 agents minted with active onchain reputation; ≥$X in cumulative skill royalties paid out.

Phase 4 — Open Inference Network

Goal: decouple agent inference from any single provider. Anyone can run a node; agents pay nodes onchain for compute.

Deliverables

Open protocol for agent inference (model weights, GPU runtime, signed responses)
Node operator client (Docker + GPU drivers) with onchain registration
Onchain settlement for inference jobs — pay-per-token with cryptographic receipts
Federation with existing decentralized compute networks where appropriate

Compute requirements

Bootstrap GPU credits for early node operators
Cryptoeconomic security model (slashing, validator set) — research + audit budget

Verification: ≥50% of production agent traffic served by independent node operators; latency parity with centralized inference.

What we need

Resource	Used for	Phase
Inference GPUs	Avatar generation, agent conversations	1, 2
Training compute	Fine-tuned face-fitter, voice models	1, 2
Smart contract audits	Reputation, royalty, delegation contracts	3
Token launch liquidity	Agent token markets	3
Indexer infrastructure	Multi-chain crawl + reputation aggregation	3
Node operator credits	Bootstrap the open inference network	4
Engineering headcount	Capture pipeline, contracts, indexer, ops	1–4

Phases 1 and 2 unblock the consumer story — anyone gets an agent of themselves. Phases 3 and 4 unblock the onchain story — those agents are real economic actors that don't depend on any one company to keep running. Both are required for the vision; neither is funded yet.

If you want to support the project — compute credits, grants, partnerships, or contributions — open an issue or reach out via three.ws.

Key Features

3D Viewer

WebGL 2.0 rendering via three.js r176
glTF 2.0 and GLB with Draco geometry compression, KTX2 texture compression, and Meshopt mesh optimization
Khronos-spec glTF validation with line-level error reporting
HDR environment maps, PBR materials, skinned mesh animations, morph targets, and embedded cameras
OrbitControls (pan, zoom, rotate) with configurable auto-rotation
Real-time parameter tweaking (lights, exposure, morph weights) via dat.GUI

Agent Runtime

LLM brain powered by Claude (Anthropic API) with a structured tool-loop architecture
Up to 8 tool iterations per turn before returning final output
Built-in tools: wave, lookAt, play_clip, setExpression, speak, remember
Composable skill system — install skills from IPFS, Arweave, or HTTP; each skill is a self-contained bundle with a description, tool definitions, and async handlers
Weighted emotion blending (celebration, concern, curiosity, empathy, patience) driven by protocol events, not a finite-state machine
Web Speech API for STT/TTS out of the box; ElevenLabs integration for production-quality voice

Identity & On-Chain

ERC-8004 smart contracts (IdentityRegistry, ReputationRegistry, ValidationRegistry) deployable on any EVM chain
Each agent is an ERC-721 token with a stable agentId, owner wallet, delegated signer (EIP-712), and IPFS-pinned manifest
Signed action log — every speak, remember, skill-done, and validate event is recorded on-chain-optionally or in the database with a cryptographic signature
EIP-7710 delegated permissions for composable agent-to-agent authorization
Solana support (SIWS sign-in, Solana wallet linking, Metaplex NFT option)

Embedding & Distribution

<agent-3d> custom element — drop it anywhere with no framework dependency
Five widget variants: turntable, animation gallery, talking agent, ERC-8004 passport card, hotspot tour
Widget Studio — point-and-click embed code generator
Open Graph metadata and oEmbed support for rich social previews when links are shared
Versioned CDN bundles at /agent-3d/x.y.z/agent-3d.js

Backend & Integrations

OAuth 2.1 server (RFC 6749 + PKCE, RFC 7591 dynamic registration, RFC 7009 revocation, RFC 7662 introspection, RFC 8414 discovery)
Developer API keys with scope and expiry
MCP (Model Context Protocol) over HTTP with JSON-RPC 2.0 for tool-calling from external AI systems
Ready Player Me, Avaturn (photo-to-avatar), and Privy (embedded wallet) integrations
DCA strategy execution and on-chain subscription scheduling via cron jobs
OpenAPI 3.1 spec generated at /openapi.json

Platform Pages

A map of every user-facing route. Full detail (source files, feature descriptions, hash-routes) is in docs/internal/PAGES.md.

Section	Key URLs	What it does
Landing	`/`, `/features`, `/discover`	Marketing, public agent directory
App / Core	`/app`, `/create`, `/first-meet`	3D viewer, agent creation wizard, onboarding
Marketplace	`/marketplace`, `/marketplace/agents/[id]`	Browsable agent marketplace
Chat SPA	`/chat`	Full Svelte AI chat with model selector, tools, artifacts, wallet
Chat — Marketing	`/chat#solutions/`, `/chat#business/`	Per-team and enterprise landing pages
Chat — Features	`/chat#features/*`	Feature detail pages (web-app, mobile-app, ai-design, ai-slides, browser-operator, wide-research, mail, skills)
Chat — Resources	`/chat#resources/*`	Blog, docs, trust center, updates, use cases
Auth	`/login`, `/register`, `/forgot-password`, `/reset-password`	Email + wallet sign-in/up
Agent (Platform)	`/agent/[id]`, `/agent/[id]/embed`, `/agent/[id]/edit`	Agent chat, chromeless embed, manifest editor
Agent (On-Chain)	`/a/[chain]/[id]`, `/a/sol/[asset]`	ERC-8004 and Metaplex Core passports
Profile	`/profile`, `/u/[username]`, `/avatars/[id]`	User and avatar public pages
Dashboard	`/dashboard`, `/dashboard/actions`, `/dashboard/wallets`, `/dashboard/usage`, …	Account management and settings
Studio / Tools	`/studio`, `/hydrate`, `/validation`, `/strategy-lab`	Widget Studio, on-chain import, glTF validator, DCA
Widgets	`/widgets`, `/w/[id]`	Widget gallery and public widget pages (OG + oEmbed)
Artifacts	`/artifact`, `/artifact/snippet`, `/artifact-example`	Claude Artifact viewer
Solana / DeFi	`/pumpfun`, `/vanity-wallet`	Token launcher, vanity address grinder
Admin / Rep	`/admin`, `/reputation`	Staff admin, reputation registry
Experiments	`/rider`	A-Frame WebVR music visualization
Integrations	`/cz`, `/lobehub/iframe`	CZ demo, LobeHub plugin
Docs	`/docs`, `/docs/widgets`	Developer documentation
Legal	`/legal/privacy`, `/legal/tos`	Privacy policy and terms

Cloud Marketplaces

three.ws is available on major cloud marketplaces and open to infrastructure partnerships.

Cloud	Status
Alibaba Cloud	View listing →
Google Cloud	three.ws runs on WebGL, Vercel edge, and EVM — a natural fit for GCP's AI infrastructure, Vertex AI, and global CDN. Open to co-listing, credits, and joint GTM.

Screenshots

Viewer	Widget Studio

Agent Discovery	Avatar Creation

Architecture

The platform is organized into four layers. All layers communicate through a single event bus (agent-protocol) rather than direct calls.

┌────────────────────────────────────────────────────────────┐
│  Layer 4: Embed & Distribution                             │
│  <agent-3d> web component · CDN library · 5 widget types   │
│  Widget Studio · oEmbed · Open Graph cards                 │
└────────────────────────────────────────────────────────────┘
                            ↓ protocol events
┌────────────────────────────────────────────────────────────┐
│  Layer 3: Identity & Persistence                           │
│  Agent passport · ERC-8004 on-chain registry               │
│  Signed action log · Memory store · Wallet linking         │
└────────────────────────────────────────────────────────────┘
                            ↓ protocol events
┌────────────────────────────────────────────────────────────┐
│  Layer 2: Agent Runtime                                    │
│  LLM tool-loop · Built-in tools · Skill registry           │
│  Empathy Layer (emotion blending) · TTS/STT                │
└────────────────────────────────────────────────────────────┘
                            ↓ protocol events
┌────────────────────────────────────────────────────────────┐
│  Layer 1: Viewer                                           │
│  three.js r176 · glTF / GLB · Draco / KTX2 / Meshopt       │
│  Animations · Morph targets · HDR · Validation             │
└────────────────────────────────────────────────────────────┘

The event bus decouples every component. The avatar emotion system reacts to speak events without knowing the runtime exists. The identity module records actions without knowing the UI exists. This makes the system testable, embeddable in isolation, and composable across pages.

The backend is stateless serverless functions. All persistent state lives in Postgres (Neon), object storage (Cloudflare R2), or on-chain. Cron jobs handle scheduled blockchain operations (ERC-8004 crawl, DCA execution, subscription execution).

Tech Stack

Frontend

Main UI: The core application, including the 3D viewer, agent creation, and marketplace, is built with vanilla JavaScript modules and Vite.
Chat: The chat interface is a standalone Svelte application located in the chat/ directory.
3D Rendering: three.js (r176) is used for WebGL 2.0 rendering.

Backend (Vercel Serverless)

Runtime: Node.js
Database: Neon Postgres (serverless)
Storage: Cloudflare R2 for model and avatar storage.
Rate Limiting: Upstash Redis.
LLM: The agent's brain is powered by the Anthropic (Claude) SDK.

Smart Contracts

Language: Solidity 0.8+
Framework: Foundry for compiling, testing, and deploying the ERC-8004 contracts.
Standards: ERC-721, EIP-712, EIP-7710.

Getting Started

Prerequisites

Node.js 20+
npm 10+
A Neon Postgres database
A Cloudflare R2 bucket
An Anthropic API key

Installation and Setup

Clone the repository:

git clone https://github.com/nirholas/3D-Agent.git
cd 3D-Agent

Install dependencies:
```
npm install
```
Set up environment variables: Copy the .env.example file to .env.local and fill in the required values. See the Environment Variables section for more details.
```
cp .env.example .env.local
```
Initialize the database: The schema is idempotent. Run it against your Postgres instance to create all tables:
```
psql $DATABASE_URL < api/_lib/schema.sql
```
Run the development server:
```
npm run dev
```

The application will be available at http://localhost:3000.

Contributing

We welcome contributions from the community! Please read our contributing guidelines to get started.

Examples

Copy-paste ready snippets for the most common use cases. Swap in your own GLB URL and go.

1. Minimal viewer (no AI)

The simplest possible setup — one script tag, one element, zero build step.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>3D Viewer</title>
  <style>
    body { margin: 0; background: #0a0a0a; display: flex; align-items: center; justify-content: center; height: 100vh; }
    agent-3d { width: 400px; height: 560px; display: block; }
  </style>
</head>
<body>
  <script type="module" src="https://three.ws/agent-3d/1.5.1/agent-3d.js"></script>
  <agent-3d body="https://cdn.three.ws/models/sample-avatar.glb"></agent-3d>
</body>
</html>

Drag-to-rotate, scroll-to-zoom, full PBR rendering — no API key, no account required. Swap body= for any publicly accessible .glb URL.

2. Talking agent with inline instructions

Add brain= and instructions= to turn the viewer into a conversational agent.

<script type="module" src="https://three.ws/agent-3d/1.5.1/agent-3d.js"></script>

<agent-3d
  body="https://cdn.three.ws/models/sample-avatar.glb"
  brain="claude-sonnet-4-6"
  name="Aria"
  instructions="You are Aria, a friendly AI guide. Be warm, concise, and occasionally playful.
                When someone greets you, wave at them. Keep replies to 2–3 sentences."
  mode="inline"
  width="400px"
  height="560px"
></agent-3d>

The chat input and mic button appear automatically when brain is set. No UI to build.

3. Floating bubble (support widget style)

Pin the agent to a corner of the page so it persists as users scroll.

<script type="module" src="https://three.ws/agent-3d/1.5.1/agent-3d.js"></script>

<agent-3d
  body="https://cdn.three.ws/models/sample-avatar.glb"
  brain="claude-sonnet-4-6"
  instructions="You are a helpful product assistant. Answer questions about our features."
  mode="floating"
  position="bottom-right"
  width="320px"
  height="420px"
></agent-3d>

position accepts bottom-right, bottom-left, top-right, or top-left.

4. Load a registered agent by ID

If you've registered an agent on the platform, load it entirely from its manifest — no inline attributes needed.

<!-- By platform agent ID -->
<agent-3d agent-id="a_abc123def456"></agent-3d>

<!-- By on-chain ERC-8004 ID -->
<agent-3d agent-id="42" chain-id="8453"></agent-3d>

The element fetches the manifest (model URL, instructions, skills, memory config) automatically.

5. Custom chat UI with JavaScript API

Hide the built-in chrome and wire in your own input using the element's JS API.

<script type="module" src="https://three.ws/agent-3d/1.5.1/agent-3d.js"></script>

<agent-3d id="agent" body="./avatar.glb" brain="claude-sonnet-4-6" kiosk
  style="width:400px;height:560px;display:block"></agent-3d>

<input id="msg" type="text" placeholder="Ask something…">
<button onclick="send()">Send</button>

<script>
  const agent = document.getElementById('agent');
  const input = document.getElementById('msg');

  async function send() {
    const text = input.value.trim();
    if (!text) return;
    input.value = '';
    await agent.say(text);
  }

  input.addEventListener('keydown', e => { if (e.key === 'Enter') send(); });

  // Auto-greet on load
  agent.addEventListener('agent:ready', () => {
    setTimeout(() => agent.say('Hello! How can I help you today?'), 1200);
  });

  // Listen to replies
  agent.addEventListener('brain:message', e => {
    if (e.detail.role === 'assistant') console.log('Agent:', e.detail.content);
  });
</script>

Full JS API:

Method	Description
`agent.say(text)`	Send a message; agent speaks and animates the reply
`agent.ask(text)`	Same as `say()`, returns reply text as a string
`agent.wave()`	Trigger the wave gesture directly
`agent.lookAt(target)`	`'camera'`, `'model'`, or `'user'`
`agent.play(clipName)`	Play a named animation clip
`agent.clearConversation()`	Reset conversation history
`agent.expressEmotion(trigger, weight)`	Manually inject an emotion blend

Key events: agent:ready, brain:message, brain:thinking, skill:tool-called, voice:transcript

6. iframe widget (works in Notion, Substack, Webflow)

Use a widget URL directly — no script tag needed.

<iframe
  src="https://three.ws/a/8453/42/embed"
  width="400"
  height="560"
  frameborder="0"
  allow="microphone"
  style="border-radius:16px;"
></iframe>

Generate the src URL from Widget Studio — pick an avatar, choose a widget type, and copy the snippet.

7. Agent manifest JSON

For anything beyond a quick one-liner, define the agent in a manifest file and reference it with manifest=.

agent.json:

{
  "spec": "agent-manifest/0.2",
  "name": "Aria",
  "description": "A friendly AI guide",
  "body": {
    "uri": "./avatar.glb",
    "format": "gltf-binary"
  },
  "brain": {
    "provider": "anthropic",
    "model": "claude-sonnet-4-6",
    "instructions": "You are Aria, a warm and curious AI guide. Wave when greeted.",
    "temperature": 0.8,
    "maxTokens": 1024
  },
  "voice": {
    "tts": { "provider": "browser", "rate": 1.05 },
    "stt": { "provider": "browser", "language": "en-US" }
  },
  "memory": { "mode": "local" },
  "skills": [
    { "uri": "https://cdn.three.ws/skills/wave/" }
  ]
} The script automatically initializes widgets, even those added dynamically after the page loads.

<agent-3d manifest="./agent.json" width="400px" height="560px"></agent-3d>

8. Dead-simple copy-paste widget

For the absolute simplest way to embed an agent, use this snippet. It requires no build tools or imports. Just copy and paste it into your HTML.

<div class="threews-widget" 
     data-agent-id="YOUR_AGENT_ID"
     data-background="transparent"
     data-nameplate="true"
     style="width: 400px; height: 500px;">
</div>
<script src="https://3d-agent.vercel.app/dist/widget.js" defer></script>

You can find your agent ID in the agent's settings page. This method is great for quick integrations on platforms like WordPress, Ghost, or any static HTML site. Customize the appearance with data-background and data-nameplate.

Tutorials

Step-by-step guides in docs/tutorials/:

Tutorial	What you'll build	Time
Build Your First Agent	A talking 3D character on a shareable page, from zero	~20 min
Embed on Your Website	Add an agent to any page — plain HTML, React, Webflow, WordPress	~15 min
Write a Custom Skill	A new tool the agent can call (e.g., fetch live weather data)	~30 min
Register On-Chain	Mint your agent as an ERC-8004 token with permanent identity	~20 min
Build a Personal AI Site	A full personal site with an embedded AI version of yourself	~45 min

Common gotchas

CORS — if your GLB is hosted on a different domain, the server must send Access-Control-Allow-Origin: *. Without it the fetch is blocked and the canvas stays blank. Uploading via the platform's storage sets this automatically.

File size — models over ~50 MB load slowly. Compress with Draco:

npx gltf-transform draco input.glb output.glb

Voice on HTTPS — getUserMedia (microphone) requires HTTPS. Localhost is exempt; any remote deployment needs TLS. Vercel and Netlify both provide it automatically.

CSP — if your page has a strict Content Security Policy, add:

script-src 'self' https://three.ws;

For sandboxed iframes use the widget embed path instead — it runs in its own browsing context.

Project Structure

src/: The core frontend JavaScript for the main application, including the 3D viewer, agent protocol, and custom element.
api/: Vercel serverless functions that form the backend API.
public/: Static assets and various sub-applications.
chat/: A standalone Svelte application for the chat interface.
character-studio/: A sub-project for character creation.
rider/: A-Frame WebVR music visualization experiment.
contracts/: Solidity smart contracts for on-chain identity (ERC-8004).
agent-payments-sdk/: SDK for agent-related payments.
solana-agent-sdk/: SDK for Solana blockchain interactions.
pump-fun-skills/: Skills related to the pump.fun integration.
scripts/: Node.js scripts for development, build, and deployment tasks.
workers/: Code for background workers.

Pump.fun Integration

This project includes a significant integration with pump.fun, a platform for launching tokens on Solana. Key features include:

Token Launcher: A UI for creating and launching new tokens on pump.fun, available at public/pumpfun.html.
Live Dashboard: Real-time tracking of pump.fun tokens can be found in pump-live.html.
Skills: The pump-fun-skills/ directory contains agent skills for interacting with pump.fun.

SDKs

The project contains several SDKs to interact with various services:

agent-payments-sdk/: Manages payments for agent-related services.
solana-agent-sdk/: Provides tools for interacting with the Solana blockchain.
sdk/: A general-purpose SDK with shared utilities.

Workers

The workers/ directory contains code for background workers that handle tasks such as scheduled jobs and data processing.

Scripts and Tooling

The scripts/ directory includes various utility scripts:

seed-skills.js: Seeds the database with an initial set of agent skills.
apply-migrations.mjs: Manages and applies database migrations.
publish-lib.mjs: Publishes the library to npm.
download-animations.mjs: Fetches and updates animation files.
build-animations.mjs: Builds animation assets.


---

## The Agent System

### Event Bus (Agent Protocol)

`src/agent-protocol.js` implements a lightweight `EventTarget` subclass that is the nervous system of the platform. Every component — avatar, runtime, identity, UI — communicates exclusively through this bus. There are no direct method calls between layers.

The bus maintains a 200-action ring buffer for debugging and replay. Embed variants expose a filtered subset of events through `postMessage` to the host page.

**Core event types:**

| Event | Payload | Who emits | Who listens |
|---|---|---|---|
| `speak` | `{ text, sentiment: -1..1 }` | runtime, skills | avatar (emotion), identity (log), chat UI |
| `think` | `{ thought }` | runtime | home (timeline), avatar |
| `gesture` | `{ name, duration }` | avatar, skills | avatar (one-shot clip) |
| `emote` | `{ trigger, weight: 0..1 }` | avatar | avatar (emotion inject) |
| `look-at` | `{ target: 'user'\|'camera'\|'center' }` | skills | scene controller |
| `perform-skill` | `{ skill, args, animationHint }` | runtime | skill registry |
| `skill-done` | `{ skill, result }` | skills | avatar, identity |
| `skill-error` | `{ skill, error }` | skills | avatar, identity |
| `remember` | `{ type, content, ... }` | skills, runtime | memory, identity |
| `load-start` / `load-end` | `{ uri, error? }` | viewer | avatar (emotion) |
| `validate` | `{ errors, warnings }` | validator | avatar, identity |
| `presence` | `{ state }` | element | home UI |

Identity-relevant events (`speak`, `remember`, `sign`, `skill-done`, `validate`, `load-end`) are fire-and-forwarded to `POST /api/agent-actions` for durable logging.

### LLM Runtime

`src/runtime/index.js` implements the `Runtime` class, which drives the agent's LLM-powered brain.

**Tool-loop flow:**

1. User message (text or STT transcript) arrives
2. System prompt is assembled: manifest instructions + recalled memory + skill descriptions
3. Claude is called with the conversation history and all available tools
4. Tool calls are dispatched in order — each built-in tool or skill handler receives a rich context object:
   ```js
   { viewer, memory, llm, speak, listen, fetch, loadGLB, loadClip, loadJSON, call, stage, agentId }

Tool results are appended to conversation history as tool_result messages
Steps 3–5 repeat until Claude returns with no tool calls, or the iteration limit (8) is hit
Final text response is optionally spoken via TTS

Providers (src/runtime/providers.js):

AnthropicProvider — connects to the Anthropic API, supports streaming
NullProvider — no-op for testing and offline mode

Built-in tools (src/runtime/tools.js):

Tool	Description
`wave`	Play a wave gesture animation
`lookAt`	Direct the agent's gaze (user, camera, or scene center)
`play_clip`	Play a named animation clip from the model or animation library
`setExpression`	Set a named morph target weight directly
`speak`	Emit text through TTS and the protocol bus
`remember`	Write a memory entry (user, feedback, project, or reference type)

Skills can define additional tools that override or augment the built-ins. The skill registry is loaded from the agent manifest before each conversation turn.

Empathy Layer

src/agent-avatar.js implements the Empathy Layer — a continuous weighted emotion blend that drives the avatar's facial morph targets and head orientation in real time.

Emotions are not a finite-state machine. Each emotion is a float (0..1) that decays linearly per frame at a different rate. Protocol events inject spikes:

Trigger	Emotion	Spike
`speak` (positive sentiment)	celebration	+0.7
`speak` (negative sentiment)	concern	+0.5
`skill-error`	concern + empathy	+0.6 / +0.5
`load-start`	patience + curiosity	+0.4 / +0.3
`validate` (clean)	celebration	+0.5
`validate` (errors)	concern	+0.6

Decay half-lives (approximate):

Patience: ~20s — persists during long operations
Empathy: ~13s — lingers after emotional events
Concern: ~12s — sustained worry
Curiosity: ~8s — alert, fades moderately
Celebration: ~6s — brief, upbeat

The blended emotion mix drives morph target values each frame. For example:

Celebration → mouthSmile 0.85, mouthOpen 0.2
Concern → mouthFrown 0.55, browInnerUp 0.6
Empathy → eyeSquint 0.4, browInnerUp 0.5

Head tilt and lean are also driven by the blend — curiosity tilts the head, patience leans slightly back.

This architecture means the avatar feels responsive and emotionally coherent without any hand-authored animation triggers.

Skills

Skills are self-contained capability bundles that extend the agent's tool set. Each skill lives in its own directory:

skills/wave/
├── SKILL.md        # Human-readable description and usage instructions
├── tools.json      # Tool definitions (name, description, input JSON schema)
└── handlers.js     # Async handler functions (default export)

tools.json example:

[
  {
    "name": "wave",
    "description": "Plays a waving gesture on the avatar for the specified duration.",
    "inputSchema": {
      "type": "object",
      "properties": {
        "duration_ms": { "type": "integer", "minimum": 500, "maximum": 5000 }
      }
    }
  }
]

handlers.js example:

export default {
  async wave(args, ctx) {
    const { viewer, speak } = ctx;
    await viewer.playClipByName('wave');
    return { ok: true, output: 'Waved!' };
  }
};

Skills are loaded from the agent manifest at runtime. The SkillRegistry supports three trust modes:

any — install skills from any source (development only)
owned-only — only skills the agent owner has registered
whitelist — only approved skill URIs

Skills are distributed over IPFS, Arweave, or HTTP. The public skills registry is at /public/skills-index.json.

Memory

src/memory/index.js implements a file-based memory system (mirroring this project's own Claude memory system). Memories are Markdown files with YAML frontmatter, organized by type:

---
type: user
key: user_role
name: User's Role
created: 2024-01-15T10:30:00Z
salience: 0.95
---

User is a game developer interested in character animation.

A MEMORY.md index file is auto-maintained. At the start of each conversation turn, the memory store is scanned and high-salience entries are injected into the system prompt.

Storage modes:

local — stored in the browser's local storage (default for development)
ipfs — pinned to IPFS via Pinata or Web3.Storage
encrypted-ipfs — encrypted before pinning (user holds the key)
none — stateless, no memory between sessions

Memory types (user, feedback, project, reference) follow the same taxonomy used by this codebase's own Claude guidelines.

Web Component & Embedding

The <agent-3d> custom element (src/element.js) is the primary distribution mechanism. It lazy-boots on intersection (IntersectionObserver), so off-screen agents don't load until visible.

Basic usage:

<script src="https://three.ws/agent-3d/latest/agent-3d.js"></script>

<agent-3d
  body="https://example.com/my-avatar.glb"
  brain="https://example.com/manifest.json"
  mode="chat"
></agent-3d>

Key attributes:

Attribute	Type	Description
`body`	URL	GLB model URL
`brain`	URL	Agent manifest JSON URL
`agent-id`	string	Registered agent ID (resolves manifest automatically)
`mode`	`view` \| `chat` \| `embed`	Interaction mode
`eager`	boolean	Load immediately without intersection check
`sandbox`	boolean	Disable network calls (offline mode)
`width` / `height`	number	iframe dimensions when generating embed code

The element fires a postMessage API for host-page communication (documented in specs/EMBED_HOST_PROTOCOL.md). Hosts can send events to the agent and receive speak, think, and skill-done events back.

Versioned CDN bundles are published at /agent-3d/x.y.z/agent-3d.js. Use latest for auto-updates or pin to a version for stability:

<script src="https://three.ws/agent-3d/1.5.1/agent-3d.js"></script>

Iframe quickstart with the embed SDK

For when you want a chromeless iframe that you control from the parent page (rather than the <agent-3d> web component), drop in the embed SDK:

<iframe id="agent" src="https://three.ws/agent/abc123/embed" style="width:480px;height:600px;border:0"></iframe>
<script src="https://three.ws/embed-sdk.js"></script>
<script>
  const bridge = Agent3D.connect(document.getElementById('agent'), {
    agentId: 'abc123',
    onReady:  ({ name }) => console.log('agent ready:', name),
    onAction: (action)   => console.log('agent action:', action),
    onError:  (err)      => console.error('embed error:', err),
  });

  // Drive the agent
  bridge.send({ type: 'speak', payload: { text: 'Hello!' } });
  bridge.ping().then(rttMs => console.log('rtt', rttMs, 'ms'));
</script>

Origin contract. The SDK derives the iframe's origin from iframe.src and refuses to start if it can't (no wildcard targets, ever). The iframe locks onto the parent's origin from the first authenticated message it sees and ignores any later messages from a different origin. See specs/EMBED_SPEC.md §"Bridge origin model" for the full rules.

Typed host bridge (npm-friendly)

For TypeScript/bundler workflows, import EmbedHostBridge directly:

import { EmbedHostBridge } from 'three-ws/embed-host-bridge';

const iframe = document.getElementById('agent');
const bridge = new EmbedHostBridge({
  iframe,
  agentId: 'abc123',
  allowedOrigin: new URL(iframe.src).origin, // required, never '*'
});

await bridge.ready;
await bridge.speak('Hello world');
const off = bridge.on('action', a => console.log(a));

// Clean up when done.
off();
bridge.destroy();

Both surfaces speak the same v1 wire protocol — pick the one that fits your stack.

Widget System

The Widget Studio (/studio) lets anyone build a shareable, embeddable 3D experience without writing code. Pick an avatar, pick a widget type, configure it, and get an iframe snippet.

Five widget types:

Widget	Description
Turntable	Auto-rotating model showcase with configurable background, lighting, and camera
Animation Gallery	Paginated grid of named clips; click any to play it on the model
Talking Agent	Full chat interface with the LLM brain; embed a conversational agent anywhere
ERC-8004 Passport	On-chain identity card — shows agent name, owner, reputation score, and verification badge
Hotspot Tour	3D hotspots pinned to world-space coordinates; click to reveal text annotations

Each widget has:

A public URL at /w/<id> with server-rendered Open Graph metadata for rich link previews
An oEmbed endpoint at /api/widgets/oembed for WordPress, Ghost, Notion embedding
An iframe embed URL at /api/widgets/<id>/view
A view counter tracked at /api/widgets/<id>/stats
A duplicate API at /api/widgets/<id>/duplicate

Widgets are stored as JSON config in Postgres, pointing at an avatar in R2.

API Reference

The full OpenAPI 3.1 spec is available at /openapi.json. The key API surface is organized below.

Agent API

Method	Route	Auth	Description
GET	`/api/agents`	session	List your agents
POST	`/api/agents`	session	Create an agent
GET	`/api/agents/:id`	—	Get agent detail
PATCH	`/api/agents/:id`	session	Update agent
DELETE	`/api/agents/:id`	session	Delete agent
GET	`/api/agents/:id/manifest`	—	Download manifest JSON
POST	`/api/agents/:id/sign`	session	Sign a message with agent wallet
GET/POST	`/api/agents/:id/embed-policy`	session	Manage iframe origin allowlist
POST	`/api/agents/register-prep`	session	Prep EVM on-chain registration
POST	`/api/agents/register-confirm`	session	Confirm EVM registration
POST	`/api/agent-actions`	session	Record signed agent action

Avatar API

Method	Route	Auth	Description
GET	`/api/avatars`	—	List public avatars
POST	`/api/avatars`	session	Create avatar record
GET	`/api/avatars/:id`	—	Get avatar detail
PATCH	`/api/avatars/:id`	session	Update metadata
DELETE	`/api/avatars/:id`	session	Soft-delete avatar
POST	`/api/avatars/:id/presign`	session	Get presigned R2 upload URL
POST	`/api/avatars/:id/pin-ipfs`	session	Pin to IPFS

Three-step upload flow:

1. POST /api/avatars/:id/presign  →  { url, storage_key }
2. PUT <presigned_url>            ←  raw GLB bytes
3. POST /api/avatars              →  register metadata with storage_key

Widget API

Method	Route	Auth	Description
GET	`/api/widgets`	session	List your widgets
POST	`/api/widgets`	session	Create widget
PATCH	`/api/widgets/:id`	session	Update widget
DELETE	`/api/widgets/:id`	session	Delete widget
POST	`/api/widgets/:id/duplicate`	session	Clone widget
GET	`/api/widgets/:id/stats`	—	View stats
GET	`/api/widgets/oembed`	—	oEmbed card

Memory API

Method	Route	Auth	Description
GET	`/api/agent-memory/:id`	session	Fetch agent memory store
POST	`/api/agent-memory/:id`	session	Append memory entries
PUT	`/api/agent-memory/:id`	session	Replace memory store

Chat & LLM

Method	Route	Auth	Description
POST	`/api/chat`	session \| api-key	Chat with agent (Claude backend)
POST	`/api/llm/anthropic`	session	Anthropic API proxy

Cron Jobs

Scheduled via vercel.json, these run automatically in production:

Schedule	Endpoint	Purpose
Every 15 min	`/api/cron/erc8004-crawl`	Index new agents from blockchain
Every 5 min	`/api/cron/index-delegations`	Index EIP-7710 delegations
Hourly	`/api/cron/run-dca`	Execute DCA strategy orders
Hourly	`/api/cron/run-subscriptions`	Execute recurring subscriptions

Authentication & OAuth 2.1

three.ws supports three authentication methods:

1. Email + Password (Session cookie)

POST /api/auth/register   →  create account
POST /api/auth/login      →  JWT session cookie
GET  /api/auth/me         →  current user
POST /api/auth/logout     →  revoke session

2. Wallet (SIWE / SIWS)

POST /api/auth/siwe        →  get nonce challenge
POST /api/auth/siwe/verify →  verify EIP-4361 signed message → session
POST /api/auth/siws        →  Solana equivalent

3. Developer API Keys

POST /api/api-keys          →  create key (set scope + expiry)
DELETE /api/api-keys/:id    →  revoke key
Authorization: Bearer sk-...  →  authenticate requests

OAuth 2.1 Server (RFC 6749 + PKCE)

For third-party apps and MCP integrations:

GET  /oauth/authorize                       →  consent screen
POST /oauth/authorize                       →  submit consent → auth code
POST /oauth/token                           →  exchange code for tokens
POST /oauth/register                        →  RFC 7591 dynamic client reg
POST /oauth/revoke                          →  RFC 7009 token revocation
POST /oauth/introspect                      →  RFC 7662 token check
GET  /.well-known/oauth-authorization-server →  RFC 8414 discovery
GET  /.well-known/oauth-protected-resource  →  RFC 9728 resource discovery

Token scopes: avatars:read, avatars:write, agents:read, agents:write, mcp.

Access tokens are short-lived JWTs (1 hour). Refresh tokens are opaque strings stored hashed in Postgres.

MCP Server

api/mcp.js (759 lines) implements the Model Context Protocol 2025-06-18 specification over HTTP with JSON-RPC 2.0. It enables external AI systems (including Claude Desktop, other agents, or custom integrations) to drive avatars programmatically.

Endpoint: POST /api/mcp Auth: OAuth 2.1 Bearer token with mcp scope Registry: Listed on the official MCP Registry as io.github.nirholas/three.ws x402scan: view on x402scan — paid MCP tool calls and revenue

Available tools:

Tool	Description
`list_my_avatars`	List all avatars owned by the authenticated user
`get_avatar`	Fetch metadata and download URL for a specific avatar
`search_public_avatars`	Search the public avatar library by name, tag, or description
`render_avatar`	Generate a preview render of an avatar (returns image URL)
`delete_avatar`	Permanently delete an avatar
`validate_model`	Run Khronos glTF validation and return error report
`inspect_model`	Inspect model internals (mesh count, material list, animation names, texture sizes)
`optimize_model`	Optimize a model (Draco compression, texture downscale, mesh simplification)

MCP discovery: configured in .mcp.json at the repo root for Claude Desktop integration.

SSE stream: GET /api/mcp returns a Server-Sent Events stream for real-time notifications from long-running operations (validation, optimization).

On-Chain Identity (ERC-8004)

ERC-8004 is a draft standard for verifiable 3D agent identity. The contracts/ directory contains a full Foundry implementation.

Contracts

IdentityRegistry.sol — the primary contract. Each agent is an ERC-721 token with:

agentId — stable numeric ID (the token ID)
owner — EVM address of the agent's owner
delegatedSigner — optional secondary address for runtime signing (EIP-712 typed signature)
tokenURI — IPFS URL of the agent manifest JSON
metadata — on-chain name, description, image pointer

ReputationRegistry.sol — stores signed feedback scores. Each reviewer can submit one score per agent. Scores are averaged for an on-chain reputation metric.

ValidationRegistry.sol — records validator attestations for off-chain proofs (glTF validation reports, skill audits, security reviews).

Deployment Addresses

See contracts/DEPLOYMENTS.md for current mainnet and testnet addresses.

Registration Flow (EVM)

1. POST /api/agents/register-prep   →  { manifest, typedData }
   (uploads manifest to IPFS, builds EIP-712 typed data for signing)

2. User signs typedData with their wallet

3. POST /api/agents/register-confirm  →  { txHash, agentId }
   (submits transaction, waits for confirmation, updates agent record)

The agent is now an ERC-721 token. Its manifest lives on IPFS. Its action history is anchored to its agentId. Any third party can verify the agent's identity, owner, and reputation without trusting three.ws.

On-Chain Indexing

api/cron/erc8004-crawl.js runs every 15 minutes to index new IdentityRegistry mint events. Indexed agents appear in /discover and can be imported via /hydrate.

Solana variant — same shape, no deployed program

Solana ships an ERC-8004 analog without any custom on-chain program:

Identity — Metaplex Core NFT minted via registerSolanaAgent() (the asset pubkey is the agent ID).
Reputation + Validation — signed SPL Memo transactions referencing the agent asset pubkey, with a JSON envelope (threews.feedback.v1 / threews.validation.v1). Anyone can read every attestation about an agent via getSignaturesForAddress(assetPubkey).

SDK:

import { attestFeedback, attestValidation, listAttestations } from '@nirholas/agent-kit';

await attestFeedback({ agentAsset, score: 5, network: 'devnet' });
await attestValidation({ agentAsset, taskHash: '0x…', passed: true, network: 'devnet' });
const rows = await listAttestations({ agentAsset, kind: 'all', network: 'devnet' });

Server read endpoint: GET /api/agents/solana-attestations?asset=<pubkey>&kind=feedback|validation|all&network=devnet|mainnet.

Demo page: sdk/example/solana-attest.html.

Pump.fun signals (Solana off-chain reputation)

Solana agents can ingest live pump.fun activity (GitHub social-fee claims, token graduations) as off-chain trust signals that feed into the agent's Solana reputation score and surface through the Empathy Layer in real time.

Surface	Path	Purpose
MCP client	api/_lib/pumpfun-mcp.js	Cached JSON-RPC client to upstream `pumpfun-claims-bot`
Read API	api/agents/pumpfun.js	`?op=claims\|graduations\|token\|creator`
SSE feed	api/agents/pumpfun-feed.js	Live event stream, 90s window, auto-reconnects
Cron crawler	api/cron/pumpfun-signals.js	15-min sweep → `pumpfun_signals` table
Skills	src/agent-skills-pumpfun-watch.js	`recent-claims`, `token-intel`, `watch-start`, `watch-stop`
Widget	src/widgets/pumpfun-feed.js	Live cards overlay
Reputation	api/agents/solana-reputation.js	`pumpfun_signals` block in response
Passport	api/agents/solana-card.js	`pumpfun` block on the agent card

The crawler runs on a */15 * * * * schedule (see vercel.json) and writes into the pumpfun_signals table. Agents subscribed via watch-start react to incoming events through the existing protocol bus — no new event types required.

Full design and configuration in docs/solana-pumpfun.md.

Database Schema

The Postgres schema (api/_lib/schema.sql) is fully idempotent — all migrations use CREATE TABLE IF NOT EXISTS patterns. Safe to re-run on any environment.

Core tables:

-- Users
users (id, email, password_hash, display_name, avatar_url, plan, wallet_address, deleted_at)

-- 3D model files
avatars (id, owner_id, slug, name, description, storage_key, visibility,
         tags, checksum_sha256, version, deleted_at)

-- Sessions
sessions (id, user_id, token_hash, user_agent, ip, expires_at, revoked_at)

-- Developer API keys
api_keys (id, user_id, prefix, token_hash, scope, expires_at, revoked_at)

-- Agent identities
agent_identities (id, user_id, name, description, avatar_id, skills,
                  meta, wallet_address, erc8004_agent_id, deleted_at)

-- Signed action log
agent_actions (id, agent_id, type, payload, source_skill,
               signature, signer_address, created_at)

-- Memory store
agent_memories (id, agent_id, type, content, tags, context,
                salience, expires_at, created_at)

OAuth tables:

oauth_clients       (client_id, client_secret_hash, redirect_uris, grant_types, scope, ...)
oauth_auth_codes    (code, client_id, user_id, code_challenge, expires_at, consumed_at)
oauth_refresh_tokens(token_hash, client_id, user_id, scope, expires_at, revoked_at, ...)

Wallet & signing:

user_wallets  (user_id, address, chain_type, chain_id, is_primary)
siwe_nonces   (nonce, address, issued_at, expires_at, consumed_at)
siws_nonces   (same shape for Solana)

Usage & quotas:

usage_events (user_id, api_key_id, client_id, avatar_id, kind, tool, status, bytes, latency_ms)
plan_quotas  (plan, max_avatars, max_bytes_per_avatar, max_total_bytes)

Build & Deployment

npm Scripts

Command	Description
`npm run dev`	Vite dev server on port 3000 with HMR
`npm run build`	Production build to `dist/`
`npm run build:lib`	Build `<agent-3d>` web component library to `dist-lib/`
`npm run build:artifact`	Build standalone Claude artifact viewer bundle
`npm run build:all`	build + build:lib + publish:lib
`npm run publish:lib`	Publish versioned CDN bundles to `/agent-3d/`
`npm run test`	Run Vitest suite
`npm run verify`	Prettier check + Vite build (pre-deploy gate)
`npm run format`	Prettier write (entire repo)
`npm run deploy`	build:all + vercel --prod
`npm run clean`	Remove dist/ and dist-lib/
`npm run fetch-animations`	Download animation clip assets
`npm run generate-icons`	Generate PWA icon set

Vercel Deployment

The project is built for Vercel. Deployment is one command:

npm run deploy

This runs build:all then vercel --prod. Routing, rewrites, cache headers, and cron schedules are defined in vercel.json.

For preview deployments, push a branch — Vercel auto-deploys it with a preview URL.

Environment variables must be set in the Vercel dashboard (not in .env files). See Environment Variables for the full list.

Self-Hosting

For a traditional server deployment:

Build: npm run build → dist/
Serve dist/ as static files (nginx, Caddy, Express)
Run api/ endpoints via Node.js (wrap with Express or use the Vercel dev adapter)
Connect to Postgres (Neon or self-hosted)
Connect to S3-compatible storage (R2, MinIO, AWS S3)
Schedule cron jobs with node-cron or systemd timers

Minimal nginx config:

server {
    listen 80;
    root /var/www/3d-agent/dist;
    index index.html;

    location /api {
        proxy_pass http://localhost:3001;
    }

    location / {
        try_files $uri $uri/ /index.html;
    }
}

Environment Variables

Required (Backend)

# App
PUBLIC_APP_ORIGIN=https://three.ws           # No trailing slash

# Database
DATABASE_URL=postgres://user:pass@host/db    # Neon or any Postgres 15+

# Object storage (Cloudflare R2 or S3-compatible)
S3_ENDPOINT=https://...
S3_ACCESS_KEY_ID=...
S3_SECRET_ACCESS_KEY=...
S3_BUCKET=3d-agent-avatars
S3_PUBLIC_DOMAIN=https://cdn.three.ws        # CDN base URL for public model URLs

# Redis (rate limiting)
UPSTASH_REDIS_REST_URL=...
UPSTASH_REDIS_REST_TOKEN=...

# Auth
JWT_SECRET=<base64>                          # openssl rand -base64 64
JWT_KID=k1                                   # Key ID (rotate by incrementing)
PASSWORD_ROUNDS=11                           # bcrypt cost factor

# LLM
ANTHROPIC_API_KEY=sk-ant-...
CHAT_MODEL=claude-sonnet-4-6
CHAT_MAX_TOKENS=1024

Optional (Backend)

# Email (required for registration flow)
RESEND_API_KEY=...

# Error monitoring
SENTRY_DSN=...

# Privy (social/embedded wallets)
PRIVY_APP_ID=...
PRIVY_APP_SECRET=...

# Avatar regeneration
AVATURN_API_KEY=...
AVATAR_REGEN_PROVIDER=none                   # none | avaturn

# EIP-7710 permissions relayer
PERMISSIONS_RELAYER_ENABLED=false
AGENT_RELAYER_KEY=0x...
AGENT_RELAYER_ADDRESS=0x...

# Per-chain RPC URLs (add chains as needed)
RPC_URL_84532=https://sepolia.base.org
RPC_URL_8453=https://mainnet.base.org

# IPFS pinning
PINATA_JWT=...
WEB3_STORAGE_TOKEN=...                       # Fallback

Optional (Frontend, prefixed `VITE_`)

VITE_RPM_SUBDOMAIN=demo                      # Ready Player Me subdomain
VITE_PRIVY_APP_ID=...
VITE_AVATURN_EDITOR_URL=https://editor.avaturn.me/
VITE_AVATURN_DEVELOPER_ID=...

Testing

The test suite uses Vitest. API tests mock the database and auth layer; frontend tests mock the viewer.

npm run test                           # All tests
npm run test -- tests/api/agents       # Specific file
npm run verify                         # prettier check + vite build

Test coverage:

Area	Files
Agent CRUD	`tests/api/agents.test.js`
Widget CRUD	`tests/api/widgets.test.js`
OAuth flow	`tests/api/oauth-authorize.test.js`, `oauth-token.test.js`
SIWE wallet auth	`tests/api/siwe.test.js`
LLM proxy	`tests/api/llm-anthropic.test.js`
Schema validation	`tests/api/validate.test.js`
API keys	`tests/api/api-keys.test.js`
Crypto utilities	`tests/api/crypto.test.js`
Embed CORS policy	`tests/api/embed-policy.test.js`
Animation slots	`tests/src/animation-slots.test.js`
Widget types	`tests/src/widget-types.test.js`

Smart contract tests are in contracts/test/ and run via Foundry:

cd contracts && forge test

Contributing

See CONTRIBUTING.md for the full contributor guide.

Quick rules:

Match existing style — no reformatting adjacent code
Every changed line should trace to the task
Add tests for new API endpoints
Run npm run verify before opening a PR (Prettier + build check)
Keep PRs focused — one concern per PR

Branch conventions:

feat/... — new features
fix/... — bug fixes
refactor/... — structural changes without behavior changes
docs/... — documentation only

Development tips:

The viewer runs standalone at /app — no auth, no backend required
Use mode=view in the <agent-3d> element to test rendering without a brain
Set CHAT_MODEL=claude-haiku-4-5-20251001 locally to keep API costs low during development
The MCP server can be tested with curl — it's plain JSON-RPC over HTTP

License

Apache 2.0 — see LICENSE.

The three.js library (node_modules/three) is MIT licensed. The gltf-validator (node_modules/gltf-validator) is Apache 2.0. See each dependency's license for details.

Built with three.js, Claude, and a belief that AI deserves a body.

Name		Name	Last commit message	Last commit date
Latest commit History 660 Commits
.well-known		.well-known
agent-payments-sdk		agent-payments-sdk
agent-protocol-sdk		agent-protocol-sdk
api		api
assets		assets
avatar		avatar
blog		blog
character-studio		character-studio
chat-plugin		chat-plugin
chat		chat
contracts		contracts
data/skills		data/skills
docs		docs
examples		examples
experiments		experiments
migrations		migrations
public		public
publish		publish
pump-fun-skills		pump-fun-skills
rider		rider
scripts		scripts
sdk		sdk
services		services
solana-agent-sdk		solana-agent-sdk
specs		specs
src		src
tasks		tasks
tests		tests
workers		workers
.claudeignore		.claudeignore
.editorconfig		.editorconfig
.env.example		.env.example
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
.mcp.json		.mcp.json
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc.json		.prettierrc.json
.vercelignore		.vercelignore
CLAUDE.md		CLAUDE.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
a-edit.html		a-edit.html
a-embed.html		a-embed.html
agent-chat-widget.html		agent-chat-widget.html
agent-detail.html		agent-detail.html
agent-edit.html		agent-edit.html
agent-embed.html		agent-embed.html
agent-home.html		agent-home.html
app.html		app.html
avatar-artifact.html		avatar-artifact.html
avatar-page.html		avatar-page.html
claude.sh		claude.sh
community.css		community.css
community.html		community.html
cors.json		cors.json
create.html		create.html
dump_lines.js		dump_lines.js
embed-test.html		embed-test.html
embed.html		embed.html
features.css		features.css
footer.css		footer.css
gitpretty.sh		gitpretty.sh
home.css		home.css
home.html		home.html
marketplace.css		marketplace.css
marketplace.html		marketplace.html
package-lock.json		package-lock.json
package.json		package.json
playground.css		playground.css
playground.html		playground.html
profile.html		profile.html
pump-3d-agent.html		pump-3d-agent.html
pump-coin-page.html		pump-coin-page.html
pump-dashboard.html		pump-dashboard.html
pump-live.html		pump-live.html
pump-visualizer.html		pump-visualizer.html
pumpfun-buy.html		pumpfun-buy.html
pumpfun-counter.html		pumpfun-counter.html
pumpfun-search.html		pumpfun-search.html
pumpfun-trending.html		pumpfun-trending.html
pumpfun-widget.html		pumpfun-widget.html
server.json		server.json
style.css		style.css
tutorials.html		tutorials.html
vercel.json		vercel.json
vite.config.artifact.js		vite.config.artifact.js
vite.config.js		vite.config.js
vitest.config.js		vitest.config.js
widget-studio.html		widget-studio.html
widgets.html		widgets.html

Folders and files

Latest commit

History

Repository files navigation

three.ws

Table of Contents

API Reference

Authentication & OAuth 2.1

Build & Deployment

Claude CLI

Environment Variables

What is three.ws?

Vision

Roadmap

Phase 0 — Foundations (Shipped)

Phase 1 — Selfie → Avatar Engine

Phase 2 — Agent Personalization

Phase 3 — Onchain Economy

Phase 4 — Open Inference Network

What we need

Key Features

Platform Pages

Cloud Marketplaces

Screenshots

Architecture

Tech Stack

Getting Started

Prerequisites

Installation and Setup

Contributing

Examples

1. Minimal viewer (no AI)

2. Talking agent with inline instructions

3. Floating bubble (support widget style)

4. Load a registered agent by ID

5. Custom chat UI with JavaScript API

6. iframe widget (works in Notion, Substack, Webflow)

7. Agent manifest JSON

8. Dead-simple copy-paste widget

Tutorials

Common gotchas

Project Structure

Pump.fun Integration

SDKs

Workers

Scripts and Tooling

Empathy Layer

Skills

Memory

Web Component & Embedding

Iframe quickstart with the embed SDK

Typed host bridge (npm-friendly)

Widget System

API Reference

Agent API

Avatar API

Widget API

Memory API

Chat & LLM

Cron Jobs

Authentication & OAuth 2.1

MCP Server

On-Chain Identity (ERC-8004)

Contracts

Deployment Addresses

Registration Flow (EVM)

On-Chain Indexing

Solana variant — same shape, no deployed program

Pump.fun signals (Solana off-chain reputation)

Database Schema

Build & Deployment

npm Scripts

Vercel Deployment

Self-Hosting

Environment Variables

Required (Backend)

Optional (Backend)

Optional (Frontend, prefixed VITE_)

Testing

Contributing

Optional (Frontend, prefixed `VITE_`)

Packages