Who it is forA developer prototyping an agent product from scratch.
The problemStarting from a blank repo means choosing and wiring every piece of the agent UI stack yourself.
The outcomeA new project directory with Copilot Kit set up, ready to run.
What you need first
- Node.js and npx
- An existing React, Angular, Vue or React Native app, or a new one scaffolded by the CLI
- An agent backend or LLM provider for the agent
Steps
- Run
npx copilotkit@latest create - Pick your options when prompted; it creates a new directory
- Start the dev server and open the app
- Try shared state: have the agent and a UI component update the same value
Prompt for your agent
Scaffold a new CopilotKit/CopilotKit project with npx copilotkit@latest create for <idea>, run it locally, and add a shared state example where the agent and a component edit the same value.
Caveat.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for CopilotKit/CopilotKit and "Scaffold a new agent-native app in its own folder"
Add Deduped to Claude Code once
claude mcp add --transport http deduped https://dedupedai.com/mcp
Every Monday: the 5 hottest repos and exactly how to use them. Free, one email a week, unsubscribe anytime.
Get them freeShare: X LinkedIn Hacker News Email Copy link
Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer