While exploring openai-agents-js, I wanted to build a real-time UI layer to visualize agent messages, tool approvals, and handoffs in the browser.
ai-sdk already supports this kind of streaming experience, but I couldn’t find an equivalent for openai-agents-js.
So I built a small fullstack starter that connects agents to a browser-based interface using WebSockets.
Key features:
- Real-time agent output streaming
- Tool approval interface
- Agent-to-agent handoffs visualization
- Built with Next.js, TypeScript, and Tailwind CSS
Repository:
https://github.com/yusuf-eren/openai-agents-js-ui-starter
Has anyone else implemented something similar or experimented with a custom UI for openai-agents-js?
Would be great to exchange ideas or see other approaches.