Overview
Open your coding agent in your project's folder, or in an empty folder for a new app.This runs in a coding agent on your computer.
⏱ 5 minutes · Easy
What you'll learn#
In this tutorial, you'll take a simple todo list app and supercharge it with a copilot. You'll learn:
- How to embed an in-app copilot with a chat UI
- How to use
useAgentContextto let your copilot read your app's state - How to use
useFrontendToolto let your copilot execute tools
Try it out#
An interactive example of the end result:
View source code on GitHub
Browse the starter and final code for this tutorial.
Next: Check out the repo →
Clone the starter app and get it running locally.