Char Tutorial

Learn to embed AI chat into your app with WebMCP tools.

Choose Your Track

React + TypeScript

Modern React patterns with hooks and Zod schemas.

• <Char /> component for embedding
• useWebMCP() hook for tools
• Type-safe schemas with Zod

Start React Track →

---

Vanilla JavaScript

Web standard APIs that work anywhere.

• <char-agent> custom element
• navigator.modelContext.registerTool() API
• JSON Schema for inputs

Start Vanilla Track →