A2UI Launched: Full CopilotKit support at launch!

A2UI Launched: CopilotKit has partnered with Google to deliver full support in both CopilotKit and AG-UI!

Check it out
LogoLogo
  • Overview
  • Integrations
  • API Reference
  • Copilot Cloud
Slanted end borderSlanted end border
Slanted start borderSlanted start border
Select integration...

Please select an integration to view the sidebar content.

Tutorial: AI Todo App

Overview

AI Todo List Copilot Tutorial

Time to complete: 5 minutes
Difficulty: Easy

What you'll learn

In this tutorial, you will take a simple todo list app and supercharge it with a copilot. You will learn:

  • 💡 How to embed an in-app copilot with a chat UI
  • 💡 How to use useCopilotReadable to allow your copilot to read the state of your app
  • 💡 How to use useFrontendTool to allow your copilot to execute tools

Try it out!

You can try out an interactive example of the end result below:

CopilotKit Todo List Copilot Demo

In the next step, we'll start building our copilot.

PREV
Copilot Textarea
Slanted end borderSlanted end border
Slanted start borderSlanted start border
NEXT
Step 1: Checkout the repo

On this page

AI Todo List Copilot Tutorial
What you'll learn
Try it out!