BeClaude

adk-copilotkit-skills

New
Community RegistryGeneralby Community

Skills for building full-stack AI agents using Google ADK with CopilotKit frontend via AG-UI protocol

First seen 6/15/2026

Summary

This skill enables Claude Code to build full-stack AI agents by combining Google ADK for backend agent logic with CopilotKit for rich React frontends, using the AG-UI protocol for real-time state sync and generative UI.

  • It streamlines the development of production-ready multi-agent systems with human-in-the-loop workflows, leveraging Gemini models for advanced reasoning.

Overview

A collection of skills for Claude Code that extend Claude's capabilities with specialized knowledge and workflows.

Available Skills

Google ADK + CopilotKit

Build full-stack AI agents using Google ADK (Agent Development Kit) with CopilotKit frontend via AG-UI protocol.

Use cases:

  • Production-ready AI agents with Gemini models
  • Multi-tool and multi-agent architectures
  • Human-in-the-loop workflows
  • Rich React frontends with real-time state sync
  • Generative UI (tool-based rendering)

Triggers: ADK, Agent Development Kit, Google ADK, AG-UI, agentic UI, Gemini agent, multi-agent, full-stack agent

Installation

Option 1: Add from GitHub URL (Recommended)

Run this command in Claude Code:

code
/install-plugin https://github.com/YOUR_USERNAME/claude-skills

Replace YOUR_USERNAME with the actual GitHub username or organization where this repository is hosted.

Option 2: Clone and Install Locally

  1. Clone the repository:

``bash git clone https://github.com/YOUR_USERNAME/claude-skills.git ``

  1. Install in Claude Code:

`` /install-plugin /path/to/claude-skills ``

Option 3: Install Individual Skills

You can also install skills individually by copying the skill folder to your Claude Code skills directory:

bash
# Copy skill to Claude Code skills directory
cp -r skills/google-adk-copilotkit ~/.claude/skills/

Usage

Once installed, the skills will automatically activate when relevant topics are detected in your conversation. You can also explicitly invoke a skill:

code
/google-adk-copilotkit

Example Prompts

After installation, try these prompts to activate the Google ADK + CopilotKit skill:

  • "Help me build a full-stack AI agent with Google ADK"
  • "Create an ADK agent with CopilotKit frontend"
  • "Set up a Gemini-powered agent with AG-UI"
  • "Build a multi-agent system with ADK"

Repository Structure

code
claude-skills/
├── .claude-plugin/
│   └── marketplace.json       # Plugin manifest
├── skills/
│   └── google-adk-copilotkit/ # Skill directory
│       ├── SKILL.md           # Skill definition and knowledge
│       ├── references/        # Reference documentation
│       └── assets/            # Templates and examples
└── README.md

Creating Your Own Skills

To add a new skill to this collection:

  1. Create a new directory under skills/:

``bash mkdir -p skills/my-new-skill ``

  1. Create a SKILL.md file with YAML frontmatter:

```markdown --- name: my-new-skill description: > Description of what the skill does. Triggers on: keyword1, keyword2, keyword3. ---

# My New Skill

Skill content goes here... ```

  1. Update .claude-plugin/marketplace.json to include your skill:

``json { "skills": [ "./skills/google-adk-copilotkit", "./skills/my-new-skill" ] } ``

License

MIT License - feel free to use, modify, and distribute these skills.

Contributing

Contributions are welcome! Please open an issue or pull request if you'd like to add new skills or improve existing ones.

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/adk-copilotkit-skills.md https://raw.githubusercontent.com/rwxproject/claude-skills/main/SKILL.md
3
Invoke in Claude Code
/adk-copilotkit-skills

Use Cases

Create a customer support agent with Google ADK that uses Gemini to understand queries and CopilotKit to render a dynamic chat interface with real-time updates.
Build a multi-agent research system where one agent searches the web and another summarizes findings, with a CopilotKit frontend showing progress and results.
Develop a human-in-the-loop approval workflow for financial transactions, using ADK for agent logic and CopilotKit for interactive confirmation dialogs.
Design a generative UI agent that renders custom React components (e.g., charts, forms) based on tool outputs, using AG-UI protocol for seamless state sync.
Implement a full-stack AI assistant for code generation that uses ADK to orchestrate multiple tools (file I/O, linting) and CopilotKit for an interactive code editor preview.
Create a real-time collaborative agent that updates a shared dashboard as users interact, leveraging ADK's multi-agent capabilities and CopilotKit's state management.

Usage Examples

1

/adk-copilotkit-skills create a customer support agent with Google ADK and CopilotKit

2

Build a multi-agent research system using ADK and CopilotKit with Gemini models

3

Set up a human-in-the-loop approval workflow for transactions with ADK and CopilotKit

View source on GitHub
frontendagent

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is adk-copilotkit-skills?

This skill enables Claude Code to build full-stack AI agents by combining Google ADK for backend agent logic with CopilotKit for rich React frontends, using the AG-UI protocol for real-time state sync and generative UI. It streamlines the development of production-ready multi-agent systems with human-in-the-loop workflows, leveraging Gemini models for advanced reasoning.

How to install adk-copilotkit-skills?

To install adk-copilotkit-skills: create the skills directory (mkdir -p .claude/skills), then run: mkdir -p .claude/skills && curl -o .claude/skills/adk-copilotkit-skills.md https://raw.githubusercontent.com/rwxproject/claude-skills/main/SKILL.md. Finally, /adk-copilotkit-skills in Claude Code.

What is adk-copilotkit-skills best for?

adk-copilotkit-skills is a skill categorized under General. It is designed for: frontend, agent. Created by Community.

What can I use adk-copilotkit-skills for?

adk-copilotkit-skills is useful for: Create a customer support agent with Google ADK that uses Gemini to understand queries and CopilotKit to render a dynamic chat interface with real-time updates.; Build a multi-agent research system where one agent searches the web and another summarizes findings, with a CopilotKit frontend showing progress and results.; Develop a human-in-the-loop approval workflow for financial transactions, using ADK for agent logic and CopilotKit for interactive confirmation dialogs.; Design a generative UI agent that renders custom React components (e.g., charts, forms) based on tool outputs, using AG-UI protocol for seamless state sync.; Implement a full-stack AI assistant for code generation that uses ADK to orchestrate multiple tools (file I/O, linting) and CopilotKit for an interactive code editor preview.; Create a real-time collaborative agent that updates a shared dashboard as users interact, leveraging ADK's multi-agent capabilities and CopilotKit's state management..