Preview generative-UI components, explore CopilotKit hooks, and inspect AG-UI agent runs — all without leaving your editor.
The extension adds a CopilotKit container to the activity bar with four panels:
Live-preview A2UI catalog components from your workspace. Pick a component and a fixture, and see it rendered with hot-reload on edits. Fixture files (*.fixture.*) are validated in-editor against the component's registered schema, with diagnostics reported inline.
Scans your workspace for useCopilotAction, useCoAgent, and related CopilotKit hooks, then renders each hook's generative UI — including in-progress and completed states — so you can iterate on agent UIs without running the full agent loop. Jump-to-source and copy-identity actions are available from the sidebar.
An embedded chat surface powered by vscode.lm that lets you interact with CopilotKit agents directly inside the editor. The playground scanner detects CopilotKit hooks and providers in your workspace, wires them into a local runtime, and hot-reloads on file saves so you can iterate without leaving VS Code. Supports fixture recording and replay — capture a conversation once, then re-run it deterministically for development and testing.
Attach to any AG-UI-compliant agent stream (e.g. a local CopilotKit runtime) and inspect the event timeline in real time: tool calls, message deltas, state patches, and lifecycle events — with payload drill-down for each event.
- VS Code
1.90.0or newer - A workspace containing CopilotKit components, hooks, or an AG-UI runtime to inspect
Install from the Visual Studio Marketplace, or search for "CopilotKit" from the Extensions view inside VS Code.
- Website — https://copilotkit.ai
- GitHub — https://github.com/CopilotKit/vscode-extension
- Docs — https://docs.copilotkit.ai
Bugs and feature requests → https://github.com/CopilotKit/vscode-extension/issues