adk-copilotkit-skills
NewSkills for building full-stack AI agents using Google ADK with CopilotKit frontend via AG-UI protocol
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:
/install-plugin https://github.com/YOUR_USERNAME/claude-skillsReplace YOUR_USERNAME with the actual GitHub username or organization where this repository is hosted.
Option 2: Clone and Install Locally
- Clone the repository:
``bash git clone https://github.com/YOUR_USERNAME/claude-skills.git ``
- 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:
# 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:
/google-adk-copilotkitExample 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
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.mdCreating Your Own Skills
To add a new skill to this collection:
- Create a new directory under
skills/:
``bash mkdir -p skills/my-new-skill ``
- Create a
SKILL.mdfile 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... ```
- Update
.claude-plugin/marketplace.jsonto 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
mkdir -p .claude/skillsmkdir -p .claude/skills && curl -o .claude/skills/adk-copilotkit-skills.md https://raw.githubusercontent.com/rwxproject/claude-skills/main/SKILL.md/adk-copilotkit-skillsUse Cases
Usage Examples
/adk-copilotkit-skills create a customer support agent with Google ADK and CopilotKit
Build a multi-agent research system using ADK and CopilotKit with Gemini models
Set up a human-in-the-loop approval workflow for transactions with ADK and CopilotKit
Security Audits
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..