AI Experience Builder · Personal Project
An AI experience builder for creating, styling, and publishing conversational widgets and full-page assistants — a guided wizard turns business details into a structured, production-shaped agent configuration, while data connectors and generated tools give the agent something real to act on. Designed and built solo, alongside its companion Design System Studio.
Next.js
TypeScript
ElevenLabsOpenRouter
SupabaseA full run through the builder, in real time: the six-question wizard, appearance and card configuration, and the published widget in conversation.
Six Questions, One Working Agent
A short questionnaire — industry, use case, business name, goal, available tools, language — drives a generator that writes a full ElevenLabs agent configuration and creates the agent directly through the ElevenLabs API.
A Prompt With Required Sections
The generated system prompt follows a fixed structure rather than free-form text: required sections for personality, environment, tone, a numbered goal workflow, and non-negotiable guardrails, plus conditional sections for tools, character normalization, error handling, and escalation when relevant.
Data In, Tool Out
A card's field mapping from Design System Studio doubles as the input to a tool generator, which produces a webhook tool definition — including its output schema — that the agent can call directly.
