From the Field
Tutorials, deep dives, and guides from real Generative UI projects.
Articles
Deep Dive
What is Generative UI: a guide for engineers and teams
Generative UI is the pattern where an AI model picks and parameterizes components from a pre-built library. Applicability, limits, frameworks.
16 min read May 11, 2026
Deep Dive
The State of Generative UI in Q2 2026: 14 Frameworks, 4 Categories, Who Actually Runs in Production
An industry snapshot of Generative UI at mid-2026: four architectural categories, 14 frameworks tracked from public sources, and how to pick one that will not become a rewrite in a year.
16 min read May 9, 2026
Deep Dive
Generative UI Observability with Langfuse + AI SDK Middleware
How to connect Langfuse to Vercel AI SDK via middleware: LLM call traces, tool call logging, token budgets, and investigating production incidents.
9 min read May 9, 2026
Stay in the loop
Get new articles delivered to your inbox. No spam, just signal.
Deep Dive
RAG on pgvector: Architecture Without a Separate Vector Database
When pgvector beats Pinecone, Weaviate, and Qdrant: indexes, limits, migration paths, and integration with Generative UI.
11 min read May 9, 2026
Deep Dive
Structured Output with Zod + AI SDK: Getting Predictable JSON from an LLM
A detailed walkthrough of generateObject and streamObject from Vercel AI SDK with Zod schemas: typing, validation, error recovery, and integration with Generative UI.
11 min read May 9, 2026
Deep Dive
Playwright and Streaming UIs: Testing SSE, Race Conditions, and Tool Calls
A detailed walkthrough on testing Generative UI with Playwright: waiting for streamed components, mocking SSE, and handling race conditions between tool calls and UI.
10 min read May 9, 2026
Deep Dive
Tool Use in Production: Loops, Budgets, and Agent Safety
What separates demo tool use from production tool use: iteration limits, loop detection, safe tool contracts, and observability for agent steps.
10 min read May 9, 2026
Deep Dive
Vercel AI SDK + Vue 3 and SSE on Cloudflare: Where Streaming Breaks and How to Fix It
A practical walkthrough: how to build a streaming chat with Vercel AI SDK and Vue 3, what breaks when Cloudflare sits in front of it, and which configs actually solve the problem.
14 min read May 8, 2026
Tutorial
Getting Started with Generative UI
An introduction to Generative UI — what it is, why it matters, and how to build your first generative interface.
12 min read Mar 30, 2026
Deep Dive
Generative UI vs Traditional UI: Key Differences
How generative interfaces differ from conventional UIs and when each approach makes sense.
8 min read Mar 8, 2026
Showing 10 of 17 articles