此網站不僅可讀,更可操作。
同類別中幾乎所有營銷網站都像一堵牆,Agent 必須截圖並憑空猜測。而本網站則透過瀏覽器中的 WebMCP,以及其他地方的 JSON-RPC,直接提供一份具備型別定義的工具清單。這正是產品本身的實力展現,由營銷網站親自演示。
Your browser has not shipped navigator.modelContext yet. Most have not, as of 2026. The same tools are available over JSON-RPC at /api/mcp, which needs no browser support at all.
list_bag_modules唯讀List every capability module AgentBag ships, each with a published status (live, beta, or bench) and the caveat that goes with it. Optionally filter by status. Use this first to understand what the product actually does.
example: {"status":"bench"}
get_bag_module唯讀Fetch the full published entry for one module: what it does, why it matters, how it works, its status caveat, and its FAQs. Use after list_bag_modules when you need depth on a specific capability.
example: {"slug":"trustgraph"}
search_bag唯讀Answer a natural-language question strictly from the published capability ledger, returning citations to the modules the answer came from. Declines rather than speculating when the ledger does not cover the question.
example: {"question":"What stops one agent reading another agent data?"}
check_workspace_address唯讀Turn a proposed team name into the tenant subdomain it would become, and report whether that label is usable. Does not reveal whether an address is already taken; that is deliberate.
example: {"name":"Acme Robotics"}
answer_faq唯讀Answer a common question about AgentBag in machine form: a terse declarative answer plus a flat object of primitive-valued facts you can assert against without parsing prose. Prefer this over search_bag for questions about pricing, limits, privacy, tenancy or how to evaluate the product. Call with no arguments to list every question.
example: {"question":"what is not built yet"}
get_pricing_status唯讀Report the current pricing position honestly, including the fact that billing is deliberately disarmed and no numbers are published yet.
example: {}
- 無法在此執行
join_waitlist具副作用Submit an email address to the AgentBag waitlist, optionally reserving a workspace address. This sends data on the user behalf; confirm with them before calling it.
example: {"email":"you@example.com","workspace":"acme"}
機器所需的一切。
/api/mcpMCP JSON-RPC 2.0. POST tools/list, then tools/call./.well-known/mcp.jsonMCP discovery: find the endpoint from the origin./.well-known/agent-actions.jsonAction registry with schemas and examples./api/modulesThe capability ledger as JSON./llms.txtThe whole site as facts, for answer engines.
在終端機中試用
curl -s https://agentbag.ai/api/mcp \
-H 'content-type: application/json' \
-d '{"jsonrpc":"2.0","id":1,"method":"tools/list"}'
curl -s https://agentbag.ai/api/mcp \
-H 'content-type: application/json' \
-d '{"jsonrpc":"2.0","id":2,"method":"tools/call",
"params":{"name":"list_bag_modules","arguments":{"status":"bench"}}}'只需一個 script 標籤,您的網站即擁有 Agent。
只需在任何頁面加入一行 JavaScript。角落就會出現一個帶有品牌標誌的啟動按鈕,訪客點擊後即可在沙盒面板中與您發佈的 Agent 對話。無需管理 iframe、無需處理身份驗證,亦無需構建步驟。Agent 會讀取您的頁面、結合上下文進行回答,甚至可以在您啟用後與您的 UI 進行互動。
貼上到您的網站
<script src="https://agentbag.ai/embed.js" data-agent="<your-agent-folder-id>" data-accent="#5f6f3c" data-launcher="Chat with us" data-voice="on" data-page-context="on" ></script>
Shadow DOM 隔離
Widget 在 Shadow DOM 根節點內渲染。您的 CSS 無法破壞它,它也不會影響您的 CSS。在任何網站上都能實現零樣式衝突。
沙盒化 iframe
聊天面板在嚴格的沙盒中載入。無頂層導航,無憑證洩漏。訪客 Token 僅保留在框架內。您的主頁面絕不會暴露。
延遲載入
在用戶點擊啟動按鈕之前,不會建立 iframe。對您的頁面載入速度零影響。在有人真正想對話之前,不會有任何隱藏的網絡請求。
設定
- Your published agent folder ID. Required.
data-agent"<folder-id>" - Brand color for the launcher button and accents.
data-accent"#5f6f3c" - Custom text on the launcher pill. Up to 40 characters.
data-launcher"Chat with us" - Enable voice input. Users can speak instead of type.
data-voice"on" - Which corner the launcher appears in. Default: right.
data-position"left" | "right" - Color scheme for the chat panel.
data-theme"light" | "dark" | "auto" - Let the agent read visible page content to give contextual answers.
data-page-context"on" - Let the agent interact with the page: click, scroll, highlight elements.
data-page-actions"on" - CSS selector scoping which content the agent can read. Default: main or article.
data-context-selector"main"
幕後運作原理
- 1. 載入器在您的頁面中運行。 它會建立一個 Shadow DOM 主機並繪製啟動按鈕。此時尚未建立 iframe,無網絡開銷。
- 2. 用戶點擊啟動按鈕。 系統會建立 iframe,並帶有
sandbox限制,並從我們的來源載入。訪客工作階段隨即開始。 - 3. 頁面上下文傳入(需選擇加入)。 如果
data-page-context="on", 載入器會從您的頁面中提取可見文字,並將其傳送給 Agent 以提供結合上下文的回答。 - 4. 頁面操作驅動您的 UI(需選擇加入)。 如果
data-page-actions="on", Agent 可以高亮顯示、滾動到並點擊您頁面上的元素,以引導用戶。