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ć · WWC Europe 2026

2:33 min

Key takeaways for integrating agentic UI in web applications

Manfred Steyer Manfred Steyer · WWC Europe 2026

3:56 min

The evolution of AI programming and agentic workflows

Fabian Hedin Fabian Hedin · WWC Europe 2026

1:12 min

Enhancing conversational intent through modern large language models

Nathaniel Okenwa Nathaniel Okenwa · WWC 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 +2 · LIVE

More from World Congress 2026 Europe - Virtual Stage

One Does Not Simply Make Architecture Decisions Alone thumbnail
36:15
29 days ago

One Does Not Simply Make Architecture Decisions Alone

Vladas Diržys

From Black Box to Glass Box : Bedrock AgentCore Observability thumbnail
21:15
about 1 month 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
about 1 month 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
about 1 month ago

Better Together: Leveraging Your Observability Tools as a SIEM

Mathias Palmersheim

ChatGPT Apps: From Chat to Checkout thumbnail
30:29
about 1 month ago

ChatGPT Apps: From Chat to Checkout

Aaron Koivunen

Interior Decorating (TypeScript Decorators) thumbnail
29:22
about 1 month ago

Interior Decorating (TypeScript Decorators)

Michael Dowden

Upcoming sessions on this topic

Open session

World Congress 2026 North America

From Idea to Production with AI: Agentic Development in Practice

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen
Open session

World Congress 2026 North America

From Software Agents to Physical Devices: Inside the Agentic Hardware Stack

Michael Yuan, Vivian Hu

Michael Yuan
Vivian Hu
Open session

World Congress 2026 North America

Closing the Visibility Gap: Lessons from Safety Critical Agentic Systems

Vivek Pandit

Principal Engineer at Cadence

Vivek Pandit
Open session

World Congress 2026 North America

The Agentic Engineering Loop

Kevin Lin

Member of Technical Staff at OpenAI

Kevin Lin
Open session

World Congress 2026 North America

AI Agents are Only as Smart as their Context: Building a Real-Time Context Engine at Intuit

Bharat Patel

Lead Software Engineer at Intuit

Bharat Patel

Related videos

Generative UIs and AI Assistants for Your Angular Applications thumbnail
28:50
WWC Europe 2026 • about 1 month 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 • about 1 month ago

AI-Driven Interfaces: Designing the New Grammar of Interaction

Markus Nissl

Beyond Chatbots: How to build Agentic AI systems thumbnail
24:22
WWC 2025 • 12 months ago

Beyond Chatbots: How to build Agentic AI systems

Philipp Schmid

Bringing the power of AI to your application. thumbnail
32:26
WWC 2024 • almost 2 years ago

Bringing the power of AI to your application.

Krzysztof Cieślak

AI Agents & Agentic AI thumbnail
26:53
Europe 2026 Virtual • about 1 month ago

AI Agents & Agentic AI

Xavier Sala Presas

Building and Modernising Apps with Agentic AI - Julia Kordick thumbnail
38:01
Coffee With Developers • 5 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.