three.ws/blog/three-ws-speraxusd-integration.html at main · nirholas/three.ws · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>three.ws Ships Inside SperaxUSD: DeFi Gets a 3D Face</title>
    <meta name="description" content="three.ws is now integrated with SperaxOS, fully wired into the production DeFi stack. Agents get a 3D body, memory, voice, and an on-chain identity, and they react to DeFi events in real time.">
    <meta name="keywords" content="three.ws, SperaxUSD, DeFi, 3D agents, on-chain, integration, yield, swap, liquidation, SperaxOS">
    <link rel="canonical" href="https://three.ws/blog/three-ws-speraxusd-integration">

    <meta property="og:title" content="three.ws Ships Inside SperaxUSD: DeFi Gets a 3D Face">
    <meta property="og:description" content="three.ws is now integrated with SperaxOS. DeFi agents get a 3D body: swap in chat, avatar nods. Yield hits, it lights up. Approaching liquidation, body language warns you before the chart does.">
    <meta property="og:url" content="https://three.ws/blog/three-ws-speraxusd-integration">
    <meta property="og:type" content="article">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="three.ws Ships Inside SperaxUSD: DeFi Gets a 3D Face">
    <meta name="twitter:description" content="3D avatars with an LLM brain, on-chain identity, and a body that reacts to what your DeFi agent is doing — now live in SperaxOS.">

    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/nav.css">
    <link rel="stylesheet" href="/footer.css">
    <style>
        :root { color-scheme: dark; }
        body { margin: 0; background: #060611; color: #e7e7f5; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing: antialiased; }
        .post-wrap { max-width: 720px; margin: 0 auto; padding: 96px 24px 80px; }
        .post-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; color: #7a85a8; font-size: 13px; margin-bottom: 28px; }
        .post-date { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
        .post-tag { padding: 2px 8px; border-radius: 999px; background: rgba(154,212,255,.08); color: #9ad4ff; font-size: 11px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; }
        h1 { font-size: clamp(26px, 4vw, 40px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 20px; }
        h2 { font-size: 20px; font-weight: 600; margin: 40px 0 12px; letter-spacing: -0.01em; }
        p { color: #c8c8e0; line-height: 1.7; margin: 0 0 18px; font-size: 16px; }
        ul, ol { color: #c8c8e0; line-height: 1.7; margin: 0 0 18px; padding-left: 24px; font-size: 16px; }
        li { margin-bottom: 6px; }
        a { color: #9ad4ff; text-decoration: none; }
        a:hover { text-decoration: underline; }
        code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; background: rgba(154,212,255,.07); color: #9ad4ff; padding: 2px 6px; border-radius: 4px; }
        strong { color: #e7e7f5; }
        .post-back { display: inline-flex; align-items: center; gap: 6px; color: #7a85a8; font-size: 14px; margin-bottom: 40px; text-decoration: none; }
        .post-back:hover { color: #9ad4ff; }
        hr { border: none; border-top: 1px solid rgba(255,255,255,.08); margin: 40px 0; }
    </style>
    <meta property="og:image" content="https://three.ws/og-image.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta name="twitter:image" content="https://three.ws/og-image.png">
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","headline":"three.ws Ships Inside SperaxUSD: DeFi Gets a 3D Face","description":"three.ws is now integrated with SperaxOS, fully wired into the production DeFi stack. Agents get a 3D body, memory, voice, and an on-chain identity, and they react to DeFi events in real time.","image":"https://three.ws/og-image.png","datePublished":"2026-05-11T12:00:00.000Z","dateModified":"2026-05-11T12:00:00.000Z","author":{"@type":"Organization","name":"three.ws","url":"https://three.ws"},"publisher":{"@type":"Organization","name":"three.ws","url":"https://three.ws","logo":{"@type":"ImageObject","url":"https://three.ws/og-image.png"}},"mainEntityOfPage":{"@type":"WebPage","@id":"https://three.ws/blog/three-ws-speraxusd-integration"},"keywords":"three.ws, SperaxUSD, DeFi, 3D agents, on-chain, integration, yield, swap, liquidation, SperaxOS"}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://three.ws/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://three.ws/blog"},{"@type":"ListItem","position":3,"name":"three.ws Ships Inside SperaxUSD: DeFi Gets a 3D Face","item":"https://three.ws/blog/three-ws-speraxusd-integration"}]}</script>
</head>
<body>
    <div id="nav-container"></div>
    <main class="post-wrap">
        <a class="post-back" href="/blog">&larr; Blog</a>
        <div class="post-meta">
            <span class="post-date">2026-05-11</span>
            <span class="post-tag">Integration</span>
            <span class="post-tag">DeFi</span>
            <span class="post-tag">SperaxUSD</span>
        </div>
        <h1>three.ws Ships Inside SperaxUSD: DeFi Gets a 3D Face</h1>

        <p><strong>three.ws is now integrated with SperaxOS, fully wired into the production DeFi stack end-to-end.</strong> DeFi agents have been invisible for too long. Today they get a body.</p>

        <h2>What the integration looks like</h2>
        <p>Inside SperaxOS, the three.ws <code>&lt;agent-3d&gt;</code> component is embedded directly in the interface. The agent has full access to the user's position data, yield rates, and transaction state — and its body language reflects what's actually happening on-chain:</p>
        <ul>
            <li><strong>Swap in chat → avatar nods.</strong> Execute a trade through the conversational interface and the agent acknowledges with a confirming gesture.</li>
            <li><strong>Yield hits → lights up.</strong> When yield targets are met, the agent celebrates — an emotional signal that reads faster than a number changing in a dashboard.</li>
            <li><strong>Approaching liquidation → body language warns you before the chart does.</strong> The agent shifts to a concerned, alert posture when the position health ratio drops toward danger thresholds.</li>
        </ul>

        <h2>One tag, full DeFi context</h2>
        <p>The integration uses the standard <code>&lt;agent-3d&gt;</code> web component with SperaxOS's data bridge connected. Any developer building on SperaxOS can drop in the same tag and immediately give their agent a face, voice, memory, and on-chain identity — without writing a custom 3D rendering stack.</p>
        <p>The agent remembers the user across sessions (memory), reasons about their portfolio using the LLM brain, and responds in voice — natural conversation with a DeFi interface that previously required reading charts and clicking through modals.</p>

        <h2>Why DeFi specifically needs embodiment</h2>
        <p>DeFi interfaces are notoriously dense — numbers, percentages, protocol-specific terminology, risk metrics. An embodied agent that physically expresses urgency when a position is at risk, or satisfaction when a yield strategy is executing correctly, is not a cosmetic feature. It's a faster information channel than any dashboard widget.</p>
        <p>three.ws's integration with SperaxOS is the first production deployment of this pattern in a live DeFi protocol — agents that are physically present in the interface and emotionally coupled to on-chain state.</p>

        <h2>Links</h2>
        <ul>
            <li>SperaxUSD: <a href="https://sperax.io" rel="noopener">sperax.io</a></li>
            <li>three.ws docs: <a href="https://three.ws/docs" rel="noopener">three.ws/docs</a></li>
            <li>Open source: <a href="https://github.com/nirholas/three.ws" rel="noopener">github.com/nirholas/three.ws</a></li>
        </ul>

        <hr>
        <p><a href="/blog">&larr; All posts</a></p>
    </main>
    <div id="footer-container"></div>
    <script src="/nav.js"></script>
    <script src="/footer.js"></script>
</body>
</html>