Skills
.Work. You
Rest

kagenti-adk-ui

Official

Build custom UIs for Kagenti ADK agents.

Software Engineering#forms#trajectory#type-safe#a2a#ui-extension#adk-ui
Authorkagenti
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Guide for building custom TypeScript UIs for Kagenti ADK agents using the ADK UI SDK and A2A protocol. This UI enables developers to create tailored frontends (chat interfaces, dashboards, or interactive components) that integrate with ADK agents without modifying agent code.

Core Features & Use Cases

  • SDK-driven UI: Use ADK UI to manage agent card demands, resolve metadata, and handle streaming A2A interactions.
  • Interactive UI Extensions: Render trajectory, citations, errors, and other agent-provided UI extensions in a compliant way.
  • Agent-agnostic: Works with any ADK agent via the extension system; supports forms, approvals, OAuth, secrets, and canvases as needed.
  • Use Case: Build a dedicated frontend for one or multiple Kagenti ADK agents to support testing, monitoring, or custom experiences.

Quick Start

Install dependencies and start the development server for the Kagenti ADK UI using your framework’s normal dev command.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: kagenti-adk-ui
Download link: https://github.com/kagenti/adk/archive/main.zip#kagenti-adk-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.