Neural-DOM Binding
Components declare AI tools locally. The agent's capability registry adapts dynamically to what the user sees on the screen.
DomOSAgentic UI Framework
Give your AI agent real-time control over your existing user interface.
Skip to content
HITL Security Built-in
Human-in-the-Loop sandbox. High-risk operations (e.g. processing payments, clearing cart) require explicit user approval.
Native Audio Pipeline
Stream PCM audio packages directly between the browser and LLM providers for natural voice interactions.
Multi-Framework SDKs
Out-of-the-box integrations for React, Vue, Svelte, Angular, Vanilla Browser, Shopify, and WooCommerce.
Use Cases
Intelligent E-Commerce
Allow vocal or text agents to filter products catalog, update shopping carts, apply coupon codes, and guide customers directly to checkout.
Guided Customer Support
Help users navigate complex dashboards, pre-fill tedious profile address form fields, and resolve settings options using simple speech.
Data Exploration & Charts
Command complex analytical visual charts, adjust time range sliders, filter metrics categories, and export records instantly.
Hands-Free Vocal Audits
Allow workers to log notes, query checklists, and execute commands via high-fidelity audio streams while working on-site.
3-Step Quick Tutorial
1. Declare a Client Tool
Register a local function inside your front-end component using React hooks. The tool lives and dies with the component lifecycle.
typescript
import { useAgentTool } from '@domos/react';
import { z } from 'zod';
useAgentTool({
name: 'apply_promo_coupon',
description: 'Apply checkout discount code',
schema: z.object({ code: z.string() }),
risk: 'low'
}, async ({ code }) => {
const result = await cart.apply(code);
return { success: result.ok, discount: result.amount };
});2. Run the WebSocket Server
Create a lightweight server orchestrator powered by Gemini or GPT adapters.
typescript
import { DomOSServer } from '@domos/server';
import { GoogleAdapter } from '@domos/adapter-google';
const server = new DomOSServer({
llm: new GoogleAdapter({ apiKey: process.env.GOOGLE_API_KEY }),
port: 4001
});
server.listen();3. Talk to Your Interface
Embed the UI widget block or talk to the client. When you type or say "Apply coupon SALE10", the server coordinates the LLM, validates parameters via Zod, forwards the execution call to your React handler, and streams back the result!