Skip to content

docs(runtime): add frontend guides and patterns#1915

Draft
tylerslaton wants to merge 1 commit into
google:mainfrom
tylerslaton:tyler/adk-frontend-interfaces
Draft

docs(runtime): add frontend guides and patterns#1915
tylerslaton wants to merge 1 commit into
google:mainfrom
tylerslaton:tyler/adk-frontend-interfaces

Conversation

@tylerslaton

@tylerslaton tylerslaton commented Jul 1, 2026

Copy link
Copy Markdown

Summary

Adds a Frontend section under Agent Runtime for building user-facing ADK applications.

Note

This PR was previously discussed with the ADK and A2UI teams offline, as such no issue has been created.

Screenshot 2026-07-01 at 8 32 59 AM

What's included

  • Frontend overview
  • A2UI overview
  • AG-UI overview
  • AG-UI client guides for React, Angular, Vue, React Native, and Slack
  • Frontend pattern guides for Generative UI, A2UI, Open Generative UI, MCP Apps, Tool Rendering, Shared State, In-app Actions, and Human-in-the-loop

Why

ADK already exposes runtime surfaces for agents, but developers need clearer guidance for connecting those agents to web, mobile, and messaging application frontends.

This section gives ADK users a single place to understand when to use AG-UI, when to use A2UI, and how common frontend interaction patterns map back to an ADK agent runtime. This follows the pre-aligned direction to add a broader frontend area while keeping the guidance focused on ADK concepts instead of vendor-specific promotion.

How

  • Adds the Frontend navigation structure in mkdocs.yml
  • Documents the AG-UI runtime bridge between ADK agents and frontend clients
  • Uses CopilotKit as the default AG-UI client where concrete client setup is needed
  • Keeps A2UI protocol-focused, with a CopilotKit setup path for rendering structured UI
  • Adds code-oriented pattern pages that include both frontend setup and ADK agent examples
  • Removes unsupported Flutter and Microsoft Teams pages from this iteration

@netlify

netlify Bot commented Jul 1, 2026

Copy link
Copy Markdown

Deploy Preview for adk-docs-preview ready!

Name Link
🔨 Latest commit aa3ad21
🔍 Latest deploy log https://app.netlify.com/projects/adk-docs-preview/deploys/6a45330e9151af0008820778
😎 Deploy Preview https://deploy-preview-1915--adk-docs-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@tylerslaton tylerslaton force-pushed the tyler/adk-frontend-interfaces branch 4 times, most recently from 0855063 to 9dbe8a4 Compare July 1, 2026 15:28
@tylerslaton tylerslaton force-pushed the tyler/adk-frontend-interfaces branch from 9dbe8a4 to aa3ad21 Compare July 1, 2026 15:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants