AG-UI: When an agent is managing your Frontend

Sylvain DEDIEU

Frontend engineer – #ui-foundations 🛸

Sylvain DEDIEU

Frontend engineer – #ui-foundation 🛸

         s.dedieu@criteo.com

         @sdedieu.bsky.social

         s.dedieu@criteo.com

Sylvain Dedieu

Agenda

1

2

3

4

What is and why AG-UI ?

How does it work under the hood ?

Live coding demo

Real use case example in Criteo

Get the presentation slides

🤳

1

2

3

4

What is and why AG-UI ?

How does it work under the hood ?

Live coding demo

Real use case example in Criteo

What is and why AG-UI ?

The AG-UI protocol

AG-UI is an open, lightweight, event-based protocol that standardizes how AI agents connect to user-facing applications.

Concepts

  • Application: User-facing apps (i.e. chat or any AI-enabled application).
  • AG-UI Client: Generic communication clients like HttpAgent or specialized clients for connecting to existing protocols.
  • Agents: Backend AI agents that process requests and generate streaming responses.
  • Secure Proxy: Backend services that provide additional capabilities and act as a secure proxy.

1

2

3

4

What is and why AG-UI ?

How does it work under the hood ?

Live coding demo

Real use case example in Criteo

How does it work under the hood ?

1

2

3

4

What is and why AG-UI ?

How does it work under the hood ?

Live coding demo

Real use case example in Criteo

Live coding demo

1

2

3

4

What is and why AG-UI ?

How does it work under the hood ?

Live coding demo

Real use case example in Criteo

Real use case example in Criteo

Thank You !

Sylvain DEDIEU

Frontend engineer – #ui-foundation 🛸

         s.dedieu@criteo.com

         @sdedieu.bsky.social

         s.dedieu@criteo.com

Sylvain Dedieu