---
name: "Build frontend copilot and generative UI workflows with CopilotKit"
slug: "build-frontend-copilot-and-generative-ui-workflows-with-copilotkit"
description: "Use CopilotKit to add agent-native React or Angular copilots with generative UI, shared state, and human-in-the-loop workflow controls."
github_stars: 31523
verification: "security_reviewed"
source: "https://github.com/CopilotKit/CopilotKit"
author: "CopilotKit"
publisher_type: "organization"
category: "Developer Tools"
framework: "Multi-Framework"
tool_ecosystem:
  github_repo: "CopilotKit/CopilotKit"
  github_stars: 31523
  npm_package: "@copilotkit/react-core"
  npm_weekly_downloads: 261233
---

# Build frontend copilot and generative UI workflows with CopilotKit

Use CopilotKit to add agent-native React or Angular copilots with generative UI, shared state, and human-in-the-loop workflow controls.

## Prerequisites

React or Angular application, CopilotKit packages, backend agent or model endpoint, app action handlers, model provider credentials

## Installation

Use the upstream install or setup path that matches your environment:
- npx create-ag-ui-app my-agent-app

- Source: https://github.com/CopilotKit/CopilotKit
- Extracted from upstream docs: https://raw.githubusercontent.com/CopilotKit/CopilotKit/HEAD/README.md

## Documentation

- https://docs.copilotkit.ai

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/build-frontend-copilot-and-generative-ui-workflows-with-copilotkit/)