Claude.ai artifact

Embed your agent in Claude.ai

Paste a single URL into a Claude conversation. The response is one self-contained HTML document — three.js, GLTFLoader, and your agent's GLB are all inlined. No script blocked by Claude's sandbox CSP, no fetch that ever leaves the page.

Configure

Agent ID

Theme

Idle clip

Background hex (optional)

Claude artifact sandbox CSP

Loading actual CSP from Claude.ai mirror…

Live preview

Enter an agent ID and press Generate

Paste-into-Claude snippet

Generate to see the snippet…

Self-contained

three.js, GLTFLoader, and the GLB are all inlined. The page renders with zero network calls — fully compatible with Claude's sandbox CSP that forbids fetch and external scripts.

Sandbox-locked CSP

The response sets a CSP mirroring Claude's own. Behavior in the live preview matches behavior inside Claude.ai — no surprises between staging and prod.

Size budget

GLBs over 6 MB are rejected — Claude's artifact panel can hang on huge inlined payloads. The viewer adds a flat 565 KB on top of the model.