Set up your API keys to get started

Keys tab -- add an AI key, then talk or type

Quick Setup

Auto-detects key type

API Keys

Browser-only storage

Groq Key

Used for Whisper transcription + Groq AI models

Not set

AI Provider

Not set

Model

ElevenLabs TTS

Voice responses. Without this, text-only.

Not set

Voice

System Prompt

Forward to Telegram

Send messages to your Telegram bot alongside AI responses. Bot API calls go directly from your browser.

Bot Token

Chat ID

Your personal chat ID or group chat ID

Not configured

Privacy

Keys are stored in your browser's localStorage only. Never sent to tealclaw.com.

All calls go directly: your browser → AI provider. Open DevTools > Network to verify.

Browser → Provider → Browser (we see nothing)

Buy Me a Coffee

TealClaw is free and open. Tips help keep development going.

Agents via Tailscale

Off

Add multiple OpenClaw gateways. Switch between them in the chat.

Add Agent

Status

Model

Latency

Uses your AI key directly -- fast, no conversation memory on agent

Guide

For agents + humans

TealClaw

BYOK voice dashboard. Zero server. Total privacy.

Quick Setup

Paste any API key into the Quick Setup box on the Keys tab. TealClaw auto-detects the key type by its prefix and routes it to the right field.

Prefix	Detected As
`gsk_`	Groq (Whisper + AI)
`sk-or-v1-`	OpenRouter AI
`sk-ant-`	Anthropic AI
`sk_` + hex	ElevenLabs TTS
`digits:alpha`	Telegram Bot Token
`http://...:port`	Gateway URL
32+ hex chars	Gateway Token

For AI Agents

You can configure TealClaw instantly using a config URL. The #config= hash fragment never leaves the browser (URL fragments are not sent in HTTP requests).

Option 1: Config URL

Build a JSON object with the keys, base64-encode it, and construct:

https://tealclaw.com/#config=BASE64_ENCODED_JSON

Keys auto-populate into localStorage, the hash is stripped.

Option 2: Browser Console

localStorage.setItem('tc-keys', JSON.stringify({
  aiProvider: 'openrouter',
  aiKey: 'sk-or-v1-...',
  whisperKey: 'gsk_...',
  ttsKey: 'sk_...',
  ttsVoice: '4YYIPFl9wE5c4L2eu2Gb',
  mode: 'agent'
}));
localStorage.setItem('tc-agents', JSON.stringify([
  {id:'home', name:'Home', url:'http://machine.ts.net:18789', token:'tok', active:true}
]));
location.reload();

Architecture

Browser -> AI Provider (OpenRouter/Groq/Anthropic) -> Browser
Browser -> Groq Whisper (transcription) -> Browser
Browser -> ElevenLabs (TTS) -> Browser
Browser -> OpenClaw Gateway (via Tailscale) -> Browser
Browser -> Telegram Bot API -> Telegram Chat

No backend. No database. No tracking. Static files on Cloudflare Pages. Open DevTools > Network to verify.

Features

Chat -- multi-turn with persistent history
Voice In -- hold mic button, Groq Whisper transcription
Voice Out -- ElevenLabs TTS, auto-plays responses
Camera -- capture photos, flip camera, flashlight
Vision -- drag-and-drop, paste, attach images
Multi-Agent -- add multiple gateways, switch in chat
Telegram -- forward conversations to your bot
Dark/Light -- theme toggle, responsive design
PWA -- installable, works offline

Security Verification

Open DevTools > Network tab
Send a test message
Confirm all requests go to AI provider, Groq, ElevenLabs, or your Tailscale gateway
Confirm zero requests go to tealclaw.com after page load

Buy Me a Coffee -- TealClaw is free and open. Tips help keep development going.