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 three 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.
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.85.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