WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2026 Europe - Virtual Stage • Jul 2, 2026 • Session details

Guiding Agentic AI with Vue

Rijk van Zanten

The next generation of agentic software won't rely on ubiquitous chatboxes. Learn how to map AI intent directly to Vue components using Pinia and the Vercel AI SDK.

Pause
Mute Enter Fullscreen
#1 about 5 min

Defining agentic AI and the tool execution architecture

Providing LLMs access to specific executable tools enables them to modify data and trigger real-world application workflows.

#2 about 5 min

Comparing background and foreground agent interactions in apps

Choosing between background and foreground tool execution determines whether the AI acts silently or explicitly demonstrates interaction steps.

#3 about 4 min

Registering and scoping client-side tools in Vue components

Managing tool states through state libraries and component lifecycles ensures the AI only accesses visible user interface elements.

#4 about 2 min

Passing registered UI tools to the LLM chat object

Supplying the registered tool store to the AI provider bridges the gap between client interactions and model capabilities.

#5 about 5 min

Designing explicit AI tools with precise schemas and results

Creating well-named tools with specific return values and clear error messages helps the model successfully navigate task failures.

#6 about 2 min

Syncing current UI state and context to the LLM

Supplying contextual data like selected items prevents the model from acting blindly without situational or spatial awareness.

#7 about 3 min

Managing tool permissions and user approval workflows

Implementing confirmation steps for destructive actions builds necessary guardrails while avoiding excessive notification fatigue for the end user.

#8 about 3 min

Crafting system prompts as AI behavioral specifications

Writing precise system prompts acts as a primary design surface to dictate when the model uses specific interaction methods.

#9 about 5 min

Navigating tool latency and integration testing challenges

Integrating agentic capabilities introduces architectural complexities around tool explosion, visible interface latency, and non-deterministic software testing.

#10 about 3 min

Evolving beyond chat windows for contextual agentic interfaces

Embedding contextual AI actions directly into standard components offers a more cohesive and intuitive alternative to isolated chat boxes.

Matching moments

4:32 min

Audience Q&A on tooling choices and AI application prototyping

MIlan Todorović MIlan Todorović · World Congress 2026 Europe

2:33 min

Key takeaways for integrating agentic UI in web applications

Manfred Steyer Manfred Steyer · World Congress 2026 Europe

3:56 min

The evolution of AI programming and agentic workflows

Fabian Hedin Fabian Hedin · World Congress 2026 Europe

1:12 min

Enhancing conversational intent through modern large language models

Nathaniel Okenwa Nathaniel Okenwa · World Congress 2025

1:44 min

Summarizing developer experience and artificial intelligence companions

Robert Hoffmann Robert Hoffmann +1 · LIVE

2:44 min

Evaluating AI tooling and design platforms for developers

Chris Heilmann Chris Heilmann +2 · LIVE

More from World Congress 2026 Europe - Virtual Stage

One Does Not Simply Make Architecture Decisions Alone thumbnail
36:15
2 months ago

One Does Not Simply Make Architecture Decisions Alone

Vladas Diržys

From Black Box to Glass Box : Bedrock AgentCore Observability thumbnail
21:15
3 months ago

From Black Box to Glass Box : Bedrock AgentCore Observability

Yasemin Aktürk

Leading in Rhythm: How Women Make Better Decisions with Biological Intelligence thumbnail
30:41
3 months ago

Leading in Rhythm: How Women Make Better Decisions with Biological Intelligence

Julia Grosse

Better Together: Leveraging Your Observability Tools as a SIEM thumbnail
39:06
3 months ago

Better Together: Leveraging Your Observability Tools as a SIEM

Mathias Palmersheim

ChatGPT Apps: From Chat to Checkout thumbnail
30:29
3 months ago

ChatGPT Apps: From Chat to Checkout

Aaron Koivunen

Interior Decorating (TypeScript Decorators) thumbnail
29:22
3 months ago

Interior Decorating (TypeScript Decorators)

Michael Dowden

Related videos

Generative UIs and AI Assistants for Your Angular Applications thumbnail
28:50
World Congress 2026 Europe • 3 months ago

Generative UIs and AI Assistants for Your Angular Applications

Manfred Steyer

AI-Driven Interfaces: Designing the New Grammar of Interaction thumbnail
36:14
Europe 2026 Virtual • 3 months ago

AI-Driven Interfaces: Designing the New Grammar of Interaction

Markus Nissl

Beyond Chatbots: How to build Agentic AI systems thumbnail
24:22
World Congress 2025 • about 1 year ago

Beyond Chatbots: How to build Agentic AI systems

Philipp Schmid

Bringing the power of AI to your application. thumbnail
32:26
World Congress 2024 • about 2 years ago

Bringing the power of AI to your application.

Krzysztof Cieślak

AI Agents & Agentic AI thumbnail
26:53
Europe 2026 Virtual • 3 months ago

AI Agents & Agentic AI

Xavier Sala Presas

Building and Modernising Apps with Agentic AI - Julia Kordick thumbnail
38:01
Coffee With Developers • 7 months ago

Building and Modernising Apps with Agentic AI - Julia Kordick

Julia Kordick

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.