Guiding Agentic AI with Vue and Pinia
summary
A Vue composable registers UI actions as tools and a central Pinia tool store scopes what the agent can see the system uses the Vercel AI SDK for chat and passes registered tools and app context to the model After a year of experimentation the prototype lets an AI copilot open modals type into fields show a virtual cursor and call component handler functions with approval flows and undo hooks The repo is at mayravanzanten/view-agentic-ai and the demo works with caveats about latency determinism and testing
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:11AI integration context
- 3:00Agentic AI and tools
- 5:05AI interaction approaches
- 8:56Guided AI UX
- 11:03Pinia and Vue tools
- 13:29Designing AI tools
- 16:41Trust versus automation
- 19:07System prompts role
- 21:55Agentic AI tradeoffs
- 26:48Key takeaways
related talks
49mThe Importance & Usage of AI in Vue.js
25mArchitecting AI in Angular: WebMCP, A2UI, and the Agent Experience
24mEmpowering Vue Apps with AI
26mUnleashing the power of AI: Integrating Tiptap OpenAI and Vue.js
30mVue Crash Course: What Can You Build in 20 Minutes?
57mSmart Chat App with Vue, AI and Serverless Function Solution LIVE
45mAn AI-Enabled Framework? Using LLMs to Put People First
31mAdaptive UIs with Vue and AI: What If Your UI Could Build Itself?