Skip to content
Giao diện Agent

Trang web này có thể thao tác được, không chỉ để đọc.

Hầu hết mọi trang web tiếp thị trong danh mục này là một bức tường mà agent phải chụp ảnh màn hình và tự đoán. Trang web này cung cấp một danh sách công cụ được định kiểu rõ ràng thông qua WebMCP trong trình duyệt và qua JSON-RPC ở những nơi khác. Đây chính là minh chứng thực tế của sản phẩm, được thể hiện ngay trên trang web tiếp thị.

← Back to the agent directory

Đang kiểm tra

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_moduleschỉ đọc

    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_modulechỉ đọc

    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_bagchỉ đọc

    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_addresschỉ đọc

    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_faqchỉ đọc

    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_statuschỉ đọc

    Report the current pricing position honestly, including the fact that billing is deliberately disarmed and no numbers are published yet.

    example: {}

  • join_waitlistgây tác dụng phụ

    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"}

    không thể chạy ở đây
Endpoint

Mọi thứ máy móc cần.

thử từ terminal

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"}}}'
Nhúng vào bất kỳ đâu

Chỉ một thẻ script. Trang web của bạn đã có một agent.

Dán một dòng JavaScript vào bất kỳ trang nào. Một nút khởi chạy mang thương hiệu của bạn sẽ xuất hiện ở góc, khách truy cập nhấp vào và họ có thể trò chuyện với agent đã xuất bản của bạn bên trong một bảng điều khiển được đóng gói (sandbox). Không cần quản lý iframe, không cần thiết lập xác thực, không cần bước build. Agent sẽ đọc trang của bạn, trả lời theo ngữ cảnh và thậm chí có thể tương tác với giao diện người dùng của bạn nếu bạn cho phép.

dán vào trang web của bạn

<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>

Cô lập bằng Shadow DOM

Widget được hiển thị bên trong một Shadow DOM gốc. CSS của bạn không thể làm hỏng nó và nó cũng không thể làm hỏng CSS của bạn. Hoàn toàn không bị xung đột kiểu dáng trên bất kỳ trang web nào.

Iframe được đóng gói (sandbox)

Bảng chat tải trong một sandbox nghiêm ngặt. Không có điều hướng cấp cao, không rò rỉ thông tin xác thực. Token của khách vẫn ở trong khung hình. Trang lưu trữ của bạn không bao giờ bị lộ.

Tải chậm (Lazy load)

Iframe chỉ được tạo khi người dùng nhấp vào nút khởi chạy. Hoàn toàn không ảnh hưởng đến tốc độ tải trang của bạn. Không có yêu cầu mạng ẩn nào cho đến khi có người thực sự muốn trò chuyện.

Cấu hình

  • data-agent"<folder-id>"
    Your published agent folder ID. Required.
  • data-accent"#5f6f3c"
    Brand color for the launcher button and accents.
  • data-launcher"Chat with us"
    Custom text on the launcher pill. Up to 40 characters.
  • data-voice"on"
    Enable voice input. Users can speak instead of type.
  • data-position"left" | "right"
    Which corner the launcher appears in. Default: right.
  • data-theme"light" | "dark" | "auto"
    Color scheme for the chat panel.
  • data-page-context"on"
    Let the agent read visible page content to give contextual answers.
  • data-page-actions"on"
    Let the agent interact with the page: click, scroll, highlight elements.
  • data-context-selector"main"
    CSS selector scoping which content the agent can read. Default: main or article.

Cách thức hoạt động bên dưới hệ thống

  1. 1. Trình tải chạy trên trang của bạn. Nó tạo ra một Shadow DOM host và vẽ nút khởi chạy. Chưa có iframe, không tốn tài nguyên mạng.
  2. 2. Người dùng nhấp vào nút khởi chạy. Iframe được tạo với sandbox các hạn chế và được tải từ nguồn của chúng tôi. Phiên của khách bắt đầu.
  3. 3. Ngữ cảnh trang được truyền vào (tùy chọn). Nếu data-page-context="on", trình tải sẽ trích xuất văn bản hiển thị từ trang của bạn và gửi nó đến agent để có câu trả lời theo ngữ cảnh.
  4. 4. Các hành động trên trang điều khiển giao diện của bạn (tùy chọn). Nếu data-page-actions="on", agent có thể làm nổi bật, cuộn đến và nhấp vào các phần tử trên trang của bạn để hướng dẫn người dùng.