22 snippets · 2026

Snippets.

Production-tested fragments lifted from voice AI agents, MCP servers, and agentic pipelines I've shipped. Copy-paste ready — the pattern you would have figured out in two hours, in two minutes.

MCP AI Agents Voice Claude Code Automation Web

MCP

Model Context Protocol servers, tool design, and runtime patterns from production deployments.

MCP

MCP server in TypeScript

Minimum-viable Model Context Protocol server with one tool, exposed over stdio for Claude Code / Desktop.

AI

Claude SDK patterns — streaming, prompt caching, structured output, intent detection, RAG.

RAG with Algolia + Claude rerank

Hybrid retrieval (BM25 + vector) plus Claude as a relevance judge — the stack I use in production.

ASR intent detection with Claude

Post-ASR LLM intent classifier with structured output — lifted production accuracy from 41.7% to 91.7% without retraining.

Claude streaming with prompt caching

Anthropic SDK chat with streaming + cache_control on the system prompt — the fastest, cheapest path to a chat product.

Agents

Tool-use loops, halt conditions, eval harnesses — the bones of every production agent.

Agents

Claude agentic tool-use loop

Run-until-stop agent loop in TypeScript — tool calls, results, halt conditions. The core of every production agent.

Voice

Real-time voice AI: Pipecat, LiveKit, Deepgram, ElevenLabs, latency optimization.

Voice

Real-time voice agent (Pipecat + LiveKit)

Production voice agent: Deepgram ASR → Claude → ElevenLabs TTS, all routed through a LiveKit WebRTC room.

Voice

LiveKit token server (Node)

Issue short-lived JWTs so browser/mobile clients can join a LiveKit room — the missing piece every voice / video MVP needs.

Claude Code

Slash commands, hooks, and harness extensions for the Claude Code CLI.

Claude Code

Claude Code pre-commit hook

Block Claude from committing if lint or typecheck fails — a zero-config quality gate via settings.json.

Claude Code

Claude Code slash command

Add a custom /command to Claude Code that runs a script and feeds the output back to the model.

Automation

n8n workflows, webhooks, and the glue between LLMs and business systems.

Automation

n8n agentic webhook with Claude

Trigger an LLM workflow from any webhook — drop-in node config plus the prompt that actually works.

Web

Older but still-useful API integrations and web snippets.

Toast

A simple reusable notification toasts

Tailwind Card

Simple tailwind card design

Spotify

Show what you're listening to.

Sendgrid

Send email to a user

Razorpay

Accept payments.

Navbar Hover

A simple Navbar hover effect

Moving Card

Moving cards on website

Loader

A simple reusable loader in React

Text Gradient

Add gradient to text

Gradient Border

Add gradient to border

Authentication (Firebase)

Authenticate user and store in Firestore.

Animated Border Gradient

Animated Border Gradient With TailwindCSS