Document your product without leaving Claude Code
Clikta ships an MCP server. Add it to Claude Code, ask Claude to walk through a flow in your product, and it drives a real browser — clicking, typing, navigating — while Clikta turns every action into an interactive demo, a step-by-step guide, and a narrated video. No manual recording.
How it works
Generate an API token
In Settings → API Token, create a token for the MCP server. Same token type the Chrome extension uses.
Add Clikta to Claude Code
Drop the config below into your MCP settings, or run claude mcp add. No extension to install, no browser to configure.
Ask Claude to demo something
“Walk through the signup flow and document it”. Claude drives a real browser through your product, step by step.
Guide ready automatically
Every click becomes a step, screenshots included. Clikta generates and publishes the guide the moment Claude finishes.
Point Claude Code at Clikta
Add this to your .mcp.json (or use claude mcp add) with an API token from Settings.
{
"mcpServers": {
"clikta": {
"command": "npx",
"args": ["-y", "@clikta/mcp-server"],
"env": {
"CLIKTA_API_URL": "https://clikta.com",
"CLIKTA_API_TOKEN": "clikta_..."
}
}
}
}Prefer zero setup? Use claude.ai directly
Clikta also works as a remote connector — no .mcp.json, no token to copy. Add it in claude.ai → Settings → Connectors, sign in with your Clikta account, and Claude handles the rest via OAuth. Runs the browser in the cloud, so it needs a public URL rather than localhost.
Get your connector URL →What the agent can do
Navigate & click
Drives a real Chromium browser through your product — role, text, or CSS selector, whichever is more reliable.
Explain its intent
The agent narrates why it did each step. That narration feeds the same AI writer as a human's spoken voiceover.
Fill in forms
Types into fields and logs each one as a step, screenshot included, same as a human demo.
Refuse destructive actions
Blocks clicks on anything that looks like delete, payment, or purchase confirmation unless explicitly told to proceed.
Auto-generate & publish
Finishes by generating the AI guide, publishing it, and handing back a shareable link.
Reuse the same pipeline
Every recording — extension or agent — becomes the same interactive demo, guide, and narrated video.