CopilotKit is a software development kit for building applications in which AI agents interact with users through chat, generated interfaces, shared state, and human approval workflows. Developers use it across web, mobile, Slack, and Microsoft Teams applications, with support for frameworks including React, Angular, Vue, and React Native. Its agent skills help coding agents build and maintain CopilotKit applications.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
git clone --depth 1 https://github.com/CopilotKit/CopilotKitWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/rules/copilotkit/copilotkit/suggestions-development)<a href="https://agentmods.dev/rules/copilotkit/copilotkit/suggestions-development"><img src="https://agentmods.dev/badge/rules/copilotkit/copilotkit/suggestions-development/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/rules/copilotkit/copilotkit/suggestions-development"><img src="https://agentmods.dev/badge/rules/copilotkit/copilotkit/suggestions-development.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00013 | $0.01388 |
| Opus 5.5 | $0.00005 | $0.00555 |
| Sonnet 5.5 | $0.00003 | $0.00278 |
| Haiku 4.5 | $0.00001 | $0.00139 |
Grade A, and why
suggestions-development scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 101 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Suggestions development guide
Summary
CopilotKit comes with suggestions behavior that allows an LLM generate (or the developer to statically program) suggestions that appear in the UI. When clicked, these suggestions will add a message. The logic for suggestions is currently divided between Headless UI or our Prebuilt components.
The suggestions system includes intelligent streaming validation, debouncing, and robust error handling to ensure reliable performance and prevent infinite retry loops.
Prebuilt components (CopilotChat)
The CopilotChat component has a suggestions prop that controls suggestion behavior:
- "auto" (default) - suggestions are generated automatically at the start of a chat and after every turn
- "manual" - suggestions will only be shown via
setSuggestionsorgenerateSuggestionsfrom theuseCopilotChathook - SuggestionItem[] - an array of static suggestion items to be used as suggestions always
The system automatically handles debouncing and cooldowns to prevent excessive API calls. It also waits for useCopilotChatSuggestions hooks to register their configuration before generating initial suggestions.
Headless UI (useCopilotChat)
The useCopilotChat hook provides programmatic control over suggestions:
suggestions- current suggestion arraysetSuggestions- manually set suggestionsgenerateSuggestions- trigger AI generationresetSuggestions- clear all suggestionsisLoadingSuggestions- loading state
Users can configure suggestions via useCopilotChatSuggestions hook which registers configuration that the auto-generation system uses.
Core files
- @react-ui
- Suggestions.tsx - How suggestions are rendered
- Messages.tsx - Includes relevant code for what renders Suggestions.tsx
- Chat.tsx - Includes relevant logic for our prebuilt components loading suggestions
- use-copilot-chat-suggestions.tsx - How users specify the configuration for their suggestions
- suggestions.css - Styling for suggestions
- @react-core
- copilot-context.tsx - Where the actual suggestions are stored, the "provider" or "context"
- use-copilot-chat.ts - Hook that controls and contains logic for suggestions, often referred to as "headless UI"
- use-configure-chat-suggestions.tsx - V1 compatibility bridge that configures v2 suggestion generation and reloads suggestions when the target agent becomes available
- suggestions-constants.ts - Retry configuration constants
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago First seen · 101 lines · 13 tokens per session scan A f6059c82b6fc
suggestions-development is a cursor rule published in the GitHub repository CopilotKit/CopilotKit (38,064 stars, last pushed today), licensed MIT. It adds 13 tokens to every session and 1,388 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other cursor rules, from other repositories
src
This file outlines development conventions and architectural principles for the AgentDock OSS Client codebase in the /src directory. These rules ensure consistent implementation and maintainable code.
front-end-rule
Use HTML imports with Bun.serve(). Don't use vite. HTML imports fully support React, CSS, Tailwind.
nextjs
You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a…
upgrade-tests
// ✅ CORRECT: Upgrade package pattern await using ctx = testReactResource(appRouter, { server: { // server configuration }, client(opts) { return { links: [ httpLink({ url: opts.httpUrl, // client configuration }), ], }; }, }).
test-running
When running tests, use the --watch false flag to avoid watch mode.
react-event-handler-naming
../../.claude/rules/react-event-handler-naming.md.