Multi-Component AI Agent Platform (Worker Gatekeeper + Embeddable Widget + Sandbox)

Overview

A multi-component AI-agent product build split into cooperating pieces: a Cloudflare Worker “gatekeeper”, an embeddable browser widget, a code/agent “sandbox” running the Claude Agent SDK, and a full web application backed by Convex and Clerk. Together they form an end-to-end scaffold for delivering an AI agent into a customer’s page.

Why It Exists

Shipping an AI agent into third-party sites raises distinct problems, auth/gating at the edge, a lightweight embeddable surface, isolated execution of agent actions, and a management app. This repo explores those concerns as separate, composable services rather than one monolith.

What We Built

Four components in one repository: gatekeeper, a Cloudflare Worker (Wrangler) acting as the access/routing layer; widget, a Vite-built embeddable front end with its own Wrangler deploy and a documented browser-tools implementation plan; sandbox, a Docker-packaged service built on @anthropic-ai/claude-agent-sdk with Zod schemas for running agent tasks in isolation; and ignore-this-path-also, a Vite + React web app using Convex for the reactive backend, Clerk for auth, the @anthropic-ai/sdk for model calls, and a shadcn/Radix UI component layer (dialogs, tabs, tooltips, etc.). Each piece carries its own wrangler/build config, product description, and implementation plans.

Technologies & Approach

Cloudflare Workers for edge gating and the embeddable widget; the Anthropic Claude Agent SDK inside a Docker sandbox for isolated agent execution; Convex + Clerk + the Anthropic SDK for a reactive, authenticated management app; Vite, React, shadcn/Radix for the front ends. The split-service design keeps the embed thin, the agent execution isolated, and the control plane separate.

Outcome / Impact

A working architectural build that demonstrates how an AI agent can be gated at the edge, embedded into a page, executed in a sandbox, and managed from a reactive web app, exercising Anthropic’s Agent SDK across the full delivery path.

Capabilities Demonstrated

• Architecting an AI agent product as composable services
• Cloudflare Workers for edge gating and widget hosting
• Sandboxed agent execution with the Claude Agent SDK in Docker
• Reactive web app with Convex, Clerk auth, and shadcn/Radix UI