# adk-web **Repository Path**: mirrors_google/adk-web ## Basic Information - **Project Name**: adk-web - **Description**: Agent Development Kit Web (adk web) is the built-in developer UI that is integrated with Agent Development Kit for easier agent development and debugging. - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-05-21 - **Last Updated**: 2025-12-06 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Agent Development Kit Web UI (ADK WEB) [![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](LICENSE) [![r/agentdevelopmentkit](https://img.shields.io/badge/Reddit-r%2Fagentdevelopmentkit-FF4500?style=flat&logo=reddit&logoColor=white)](https://www.reddit.com/r/agentdevelopmentkit/)

Agent Development Kit Web is the built-in developer UI that integrated with Google Agent Development Kit for easier agent development and debug.

Important Links: Docs & Samples.

Agent Development Kit (ADK) is a flexible and modular framework for developing and deploying AI agents. While optimized for Gemini and the Google ecosystem, ADK is model-agnostic, deployment-agnostic, and is built for compatibility with other frameworks. ADK was designed to make agent development feel more like software development, to make it easier for developers to create, deploy, and orchestrate agentic architectures that range from simple tasks to complex workflows. ADK web is the built-in dev UI that comes along with adk for easier development and debug. ## ✨ Prerequisite - **Install [npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)** - **Install [NodeJs](https://nodejs.org/en)** - **Install [Angular CLI](https://angular.dev/tools/cli)** - **Install [google-adk (Python)](https://github.com/google/adk-python)** - **Install [google-adk (Java)](https://github.com/google/adk-java/)** - **Clone [adk-web (this repo)](https://github.com/google/adk-web/)** ## 🚀 Running adk web To be able to run `adk web`, follow the steps from the root of your local adk-web folder: ### Install dependencies ```bash sudo npm install ``` ### Run adk web ```bash npm run serve --backend=http://localhost:8000 ``` ### Run adk api server In another terminal run: ```bash adk api_server --allow_origins=http://localhost:4200 --host=0.0.0.0 ``` If you see `adk command not found`, then be sure to install `google-adk` (or remember to activate your virtual environment if you are using one) ### Happy development Go to `localhost:4200` and start developing! ## Screenshots ### Events adk-web-events ### Tracing adk-web-tracing ### Artifacts adk-web-artifact ### Evaluations adk-web-eval-2 ### Agent builder & assistant ![1_h3_I7RjXGLKH5-Td0U2rgw](https://github.com/user-attachments/assets/f73409c4-9b75-474a-9b86-c4525d376b02) ### And more! ## 🤝 Contributing We welcome contributions from the community! Whether it's bug reports, feature requests, documentation improvements, or code contributions, please see our - [General contribution guideline and flow](https://google.github.io/adk-docs/contributing-guide/#questions). ### Testing quirks To maintain compatibility with upstream 1p code, testing code in this repo must follow a few rules: - `initTestBed()` from `./src/app/testing/utils.ts` must be called before `TestBed.configureTestingModule()` ## 📄 License This project is licensed under the Apache 2.0 License - see the [LICENSE](LICENSE) file for details. ## Preview This feature is subject to the "Pre-GA Offerings Terms" in the General Service Terms section of the [Service Specific Terms](https://cloud.google.com/terms/service-terms#1). Pre-GA features are available "as is" and might have limited support. For more information, see the [launch stage descriptions](https://cloud.google.com/products?hl=en#product-launch-stages). --- *Happy Agent Building!*