Demos · 2026
Live Demos.
Working examples from agentic AI, voice systems, MCP, and front-end snippets. Each link points to either a live demo or the snippet with full source.
Agentic & AI
Agent UIs, tool-use loops, and AI patterns I keep reaching for in production.
AG-UI agent panel
Standardized UI protocol for streaming agent events — chat + tool-call panel + human-in-the-loop review.
Voice agent (Pipecat + LiveKit)
Full Pipecat program — Deepgram → Claude → ElevenLabs over a LiveKit room. Sub-1.2s end-to-end.
MCP server in TypeScript
Minimum-viable MCP server with one tool, exposed over stdio for Claude Code / Desktop / Cursor.
Claude tool-use loop
The agent loop without a framework — call model, run tools, append results, halt. Production-grade pattern.
Streaming chat with prompt cache
Anthropic SDK streaming + cache_control on the system prompt. Fastest cheapest chat endpoint.
RAG with Algolia + Claude rerank
Hybrid retrieval (BM25 + dense) with Claude as a relevance judge. Production RAG that I trust.
Intent detection with Claude
ASR → Claude classifier with constrained JSON. The 41.7% → 91.7% pattern from my paper.
n8n agentic webhook
Webhook → Claude → Slack / Gmail / DB. The glue between LLMs and business systems.
Claude Code patterns
Slash commands, hooks, and harness extensions that compound across every repo.
UI components
Front-end snippets and effects from older projects. Reach in, copy out.
Gradient text
Gradient text for headers and accents.
Tailwind card
Simple Tailwind CSS card layout.
Moving cards
Animated card carousel with Tailwind.
React loader
A reusable React loading spinner.
React toasts
Reusable React toast notifications.
Border gradient
Gradient borders done right with Tailwind.
Navbar hover
Animated navbar hover effect.