AI Todo List Copilot Tutorial

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 useCopilotAction to allow your copilot to perform actions

Try it out!

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

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