Design & build · 2026
AI UI Generator.
Describe a component in words; watch Claude generate it live with an instant preview.
Claude API (Opus 4.8)Cloudflare Pages FunctionsSandpackSSE streamingReactVite
The problem
LLM product work is the most in-demand skill of the moment. I wanted a piece that shows I can ship it end-to-end, not just call an API.
The approach
A “mini-v0”: the prompt streams from a Cloudflare Pages Function (which keeps the API key server-side) over Server-Sent Events, accumulating a React + Tailwind component that renders live in a sandboxed Sandpack preview. Output is constrained to safe primitives so it always renders.
The outcome
A genuinely useful tool that demonstrates streaming UX, a secure server boundary, and sandboxed code execution — the full shape of a real AI feature.