品牌 3D AI 代言人時代降臨：three.ws 讓每個網站嵌入智能虛擬客服
上個月我幫一個客睇佢個 SaaS landing page，佢話想加個 AI chatbot。我打開佢個 Notion，見到一大串 API key、WebSocket endpoint、STT/TTS provider 設定、vector DB 接線圖——成個 architecture diagram 複雜過佢個 product 本身。佢最後放棄咗。
呢個故事唔罕見。品牌想要一個「有 personality」嘅 AI 代言人，但現實係：你要搞掂 3D 模型渲染、LLM 對話引擎、語音辨識同合成、情感表達系統、跨 session 記憶、同埋所有 infrastructure。逐間公司逐個 component 砌，成件事嘅複雜度遠超一個 startup 嘅 bandwidth。
但過去六個月，成個 landscape 變咗。一個叫 three.ws 嘅開源項目，將成條 stack 壓縮成一個 custom HTML element：<agent-3d>。唔係 SDK，唔係 library，係一個 browser native 嘅 web component。你 drop 一個 script tag，放一個 element，就有個 3D AI 代言人企喺你網站入面。
技術棧拆解：由 WebGL 到 x402 嘅全疊層
three.ws 嘅技術選擇值得認真睇，因為佢反映咗一個更深層嘅趨勢：AI agent 嘅 delivery 層正在從 API-first 轉向 embed-first。
底層係 WebGL 2.0 renderer，基於 Three.js r184。GLTFLoader 支援 Draco 壓縮、KTX2 紋理同 Meshopt 最佳化——即係你上傳一個 10MB 嘅 GLB avatar，佢喺 browser 做到接近 game engine 級別嘅渲染質素。Shadow DOM encapsulation 確保頁面 CSS 唔會漏入去，亦唔會漏出嚟。呢個技術選擇好聰明：Three.js 已經係 WebGL 事實上嘅 standard，社群成熟，文件齊全，而且完全 browser native，唔需要任何 plugin。
中間層係 agent runtime。每個 agent 有一個 manifest（JSON 格式），定義咗 avatar URI、LLM provider（Claude 或 GPT）、system prompt、voice 設定、memory backend、同埋 installed skills。呢個 manifest 可以放喺 IPFS 或者 HTTPS，agent 嘅 identity 可以註冊上鏈（ERC-8004 或者 Solana Metaplex Core），變成一個跨 session、跨 platform 嘅 persistent entity。
最值得留意嘅係 skill system。Agent 嘅 capabilities 係 modular 嘅：可以 install wave、lookAt、playClip 呢啲 built-in scene tools，亦可以從 IPFS 或 HTTPS load custom skills。呢個 architecture 令到 white-label 變得可行——你嘅品牌 agent 可以有一套專屬技能，而個 core 係同一個 runtime。
x402 加密支付：AI Agent 嘅原生商業模式
如果你有留意開 crypto 或者 AI infra，你應該見過 402 Payment Required 呢個 HTTP status code。three.ws 係少數認真 implement 咗呢個 patterns 嘅 projects。
x402 協議嘅核心諗法好簡單：當一個 agent 需要收費才能執行某個 skill，佢回一個 402 response，caller 用 USDC 俾錢（Base 或 Solana 上），然後先 unlock 個 skill。呢個機制同 Stripe subscription 最大嘅分別係——佢係 agent-native 嘅。唔係一個人登入 dashboard 俾月費，而係一個 agent 同另一個 agent 直接結算。
呢個有乜咁重要？因為佢解鎖咗 white-label SaaS 嘅最後一個瓶頸：你唔只係賣一個 3D avatar 俾品牌，而係賣一個可以收錢嘅 3D AI sales agent。品牌可以 set pricing：每段對話 $0.01，每次產品推薦 $0.05，每次落單 $0.10。透過 x402，呢啲 micropayments 係即時结算、即時到 wallet，平台仲 zero fee（open beta 期間）。
AnyCap 做嘅係另一個方向：佢係 coding agent（Claude Code、Cursor、Codex）嘅 execution layer，俾 agent 直接 generate image、video、music、做 web search。同 three.ws 嘅 x402 一樣，AnyCap 嘅核心 insight 係：agent 嘅能力應該係 composable 同埋 pay-per-use，唔係 monolithic subscription。
White-Label SaaS 可行性：三層拆分模型
好，講返實際啲嘅問題：如果我係一個香港嘅 SaaS founder，我可以點樣用呢個 stack 做一個 white-label 品牌 3D AI 代言人服務？
我見到三層機會：
第一層最簡單——Embed & Resell。你直接 embed three.ws 嘅 web component，用 Manifest 改 brand color、agent name、system prompt，然後以你嘅品牌 resell 俾客。呢層幾乎唔使開發，但你嘅 moat 好淺，three.ws 可以直接同你競爭。
第二層係 Custom Skill Layer。你為特定行業寫 custom skills——例如地產 agent 可以「帶你 virtual tour 睇樓」、保險 agent 可以「解釋保單條款」、教育平台可以「做一對一 AI 導師」。呢啲 skills 係你嘅 IP，three.ws 嘅 open source runtime 執行佢哋，但你擁有個 skill 嘅 domain knowledge。呢層嘅 moat 深好多。
第三層最進取——Self-Hosted Infrastructure。three.ws 係 Apache-2.0 開源，你可以自己 host 成個 stack，包括 Three.js renderer、agent runtime、同埋 x402 payment gateway。咁樣你完全 control data privacy、pricing model、同埋 white-label branding。代價係你要自己搞 DevOps——呢個對於香港嘅 startup team 嚟講係一個 realistic 嘅 tradeoff。
結語：落手做嘅三個具體行動點
我唔係嚟賣 optimism 嘅。呢個 field 仲好早，three.ws 得 2,800+ agents，相比全球幾百萬個網站，滲透率接近零。但正因為早，先有窗口。
如果你係一個香港嘅獨立開發者或者細 team founder，我建議你做三件事：
第一，呢個星期去 three.ws/forge 用你嘅自拍照或者一段 text prompt generate 一個 GLB avatar，放上你嘅網站。唔使寫 code，唔使俾錢，十零分鐘就見到個 3D AI 代言人企喺你個 landing page 上面。感受下呢個體驗。
第二，讀一次 three.ws 嘅 manifest spec 同 skill system docs。理解下個 composability model 點樣 work——呢個 architecture pattern（manifest + skill + x402）會係未來幾年 AI agent delivery 嘅主流。
第三，諗一個你熟悉嘅垂直行業，寫一個 custom skill 嘅 prototype。可以係「地產 agent virtual tour guide」或者「零售 product recommendation agent」。用 three.ws open source stack 行一次，睇下個 developer experience 掂唔掂，然後再決定值唔值得投資去做 white-label product。
3D AI 代言人唔係科幻。佢係一個 <agent-3d> tag，一個 manifest.json，同一個 x402 endpoint。而家係時候落手砌。
The article runs approximately 1,350 words in Traditional Chinese (H Kong perspective). It's structured with:
- A sharp opening observation about the complexity of building AI avatars
- Tech stack deep dive covering WebGL, LLM, Web Component, skill system
- x402 crypto payments as a native monetization model
- White-label SaaS feasibility analysis with three tiers
- Specific action points for HK entrepreneurs/developers
First tag is `build` (technical development tool), followed by five English kebab-case tags, all matching the content angle and article guidelines.