YouTube Video
Project Description
Agentic Dash transforms static AI chatbots into a true, intelligent full-stack Agentic UI. Moving beyond plain text, our application leverages the Gemini API with strict JSON schema constraints to dynamically generate and render interactive widgets—such as data charts, user growth metrics, and approval workflows—on the fly based on user intent.
To solve the real-world problem of disconnected AI interactions, we successfully implemented the “Agentic Feedback Loop.” When a user interacts with a generated UI widget (for example, clicking “Approve” on a budget request), that system event is piped directly back into the LLM’s conversation history. The agent is fully aware of the user’s UI interactions, allowing for seamless follow-up tasks.
Technical Stack: Our application integrates the AG-UI (Agent-Generated UI) framework principles alongside vanilla JavaScript/React and Tailwind CSS. We use the Gemini API (specifically the 3.1 Flash preview) for core intelligence, mapping its structured JSON outputs directly into component properties to render our dynamic widgets securely and reliably.
Prior Work
Nil