1010 window . history . replaceState ( null , "" , "/" ) ;
1111 }
1212 </ script >
13- < title > CopilotKit for VS Code — Preview, debug, and inspect agents in your editor</ title >
13+ < title > CopilotKit for VSCode — Preview, debug, and inspect agents in your editor</ title >
1414 < meta
1515 name ="description "
16- content ="The developer toolkit for CopilotKit agents. Preview generative UI, explore 28 hooks, and inspect AG-UI protocol streams — all without leaving VS Code . "
16+ content ="The developer toolkit for CopilotKit agents. Preview generative UI, explore 28 hooks, and inspect AG-UI protocol streams — all without leaving VSCode . "
1717 />
1818
1919 <!-- Open Graph / Social -->
2020 < meta property ="og:type " content ="website " />
2121 < meta property ="og:url " content ="https://vscode.copilotkit.dev/ " />
22- < meta property ="og:title " content ="CopilotKit for VS Code — Preview, debug, and inspect agents in your editor " />
22+ < meta property ="og:title " content ="CopilotKit for VSCode — Preview, debug, and inspect agents in your editor " />
2323 < meta
2424 property ="og:description "
25- content ="Preview generative UI, explore 28 hooks, and inspect AG-UI protocol streams — all without leaving VS Code . "
25+ content ="Preview generative UI, explore 28 hooks, and inspect AG-UI protocol streams — all without leaving VSCode . "
2626 />
2727 < meta property ="og:image " content ="https://vscode.copilotkit.dev/og-image.png " />
2828 < meta property ="og:image:width " content ="1200 " />
2929 < meta property ="og:image:height " content ="630 " />
3030 < meta name ="twitter:card " content ="summary_large_image " />
31- < meta name ="twitter:title " content ="CopilotKit for VS Code — Preview, debug, and inspect agents in your editor " />
31+ < meta name ="twitter:title " content ="CopilotKit for VSCode — Preview, debug, and inspect agents in your editor " />
3232 < meta
3333 name ="twitter:description "
34- content ="Preview generative UI, explore 28 hooks, and inspect AG-UI protocol streams — all without leaving VS Code . "
34+ content ="Preview generative UI, explore 28 hooks, and inspect AG-UI protocol streams — all without leaving VSCode . "
3535 />
3636 < meta name ="twitter:image " content ="https://vscode.copilotkit.dev/og-image.png " />
3737
955955 < nav >
956956 < div class ="container ">
957957 < div class ="nav-brand ">
958- < div class ="brand-main "> < span class ="prompt "> </></ span > CopilotKit VS Code </ div >
958+ < div class ="brand-main "> < span class ="prompt "> </></ span > CopilotKit VSCode </ div >
959959 </ div >
960960 < ul class ="nav-links ">
961961 < li > < a href ="#features " class ="nav-hide-mobile "> Features</ a > </ li >
996996
997997 < p class ="hero-sub ">
998998 The developer toolkit for CopilotKit agents — preview generative UI, explore 28 hooks,
999- and inspect AG-UI protocol streams, all from the VS Code activity bar.
999+ and inspect AG-UI protocol streams, all from the VSCode activity bar.
10001000 </ p >
10011001
10021002 < div class ="install-buttons ">
@@ -1007,7 +1007,7 @@ <h1>
10071007 rel ="noopener "
10081008 >
10091009 < svg width ="16 " height ="16 " viewBox ="0 0 16 16 " fill ="currentColor "> < path d ="M1.29 2.36L6.5.07l8.21 3.73v8.4L6.5 15.93l-5.21-2.57L6.5 10.5V5.5L1.29 8.36V2.36z "/> </ svg >
1010- Install from VS Code Marketplace
1010+ Install from VSCode Marketplace
10111011 </ a >
10121012 < a
10131013 href ="https://open-vsx.org/extension/copilotkit/copilotkit-vscode-extension "
@@ -1248,7 +1248,7 @@ <h3>AG-UI Inspector</h3>
12481248 <!-- --- Section 3: Value Props ---------------------------------- -->
12491249 < section class ="section-value " id ="value ">
12501250 < div class ="container ">
1251- < h2 class ="fade-in "> Why use CopilotKit for VS Code </ h2 >
1251+ < h2 class ="fade-in "> Why use CopilotKit for VSCode </ h2 >
12521252
12531253 < div class ="value-grid ">
12541254 < div class ="value-card fade-in ">
@@ -1282,7 +1282,7 @@ <h3>Inline Diagnostics</h3>
12821282 < div class ="value-icon "> 💻</ div >
12831283 < h3 > Zero Context Switch</ h3 >
12841284 < p >
1285- All three panels live in the VS Code activity bar. Preview, explore, and inspect
1285+ All three panels live in the VSCode activity bar. Preview, explore, and inspect
12861286 without leaving your editor or switching windows.
12871287 </ p >
12881288 </ div >
@@ -1313,7 +1313,7 @@ <h3>CodeLens Integration</h3>
13131313 < div class ="container ">
13141314 < h2 class ="fade-in "> How it compares</ h2 >
13151315 < p class ="comparison-sub fade-in ">
1316- The only VS Code extension built specifically for previewing generative UI
1316+ The only VSCode extension purpose- built for previewing generative UI
13171317 and inspecting AG-UI protocol streams.
13181318 </ p >
13191319
@@ -1323,74 +1323,67 @@ <h2 class="fade-in">How it compares</h2>
13231323 < tr >
13241324 < th > Capability</ th >
13251325 < th class ="col-ours "> CopilotKit Extension</ th >
1326- < th > AI Toolkit / Foundry </ th >
1327- < th > GitHub Copilot </ th >
1328- < th > Cursor / Continue / Cody </ th >
1326+ < th > Storybook MCP </ th >
1327+ < th > MS Foundry Toolkit </ th >
1328+ < th > Vercel AI SDK DevTools </ th >
13291329 </ tr >
13301330 </ thead >
13311331 < tbody >
13321332 < tr >
13331333 < td > Generative UI preview</ td >
13341334 < td class ="col-ours "> < span class ="yes "> Built-in ✓</ span > </ td >
1335- < td > < span class ="no " > ✗ </ span > </ td >
1335+ < td > < span class ="partial " > Via MCP Apps </ span > </ td >
13361336 < td > < span class ="no "> ✗</ span > </ td >
13371337 < td > < span class ="no "> ✗</ span > </ td >
13381338 </ tr >
13391339 < tr >
1340- < td > AG-UI protocol inspector</ td >
1341- < td class ="col-ours "> < span class ="yes "> Built-in ✓</ span > </ td >
1342- < td > < span class ="no "> ✗</ span > </ td >
1340+ < td > Agent protocol inspector</ td >
1341+ < td class ="col-ours "> < span class ="yes "> AG-UI native ✓</ span > </ td >
13431342 < td > < span class ="no "> ✗</ span > </ td >
1343+ < td > < span class ="partial "> Agent Inspector</ span > </ td >
13441344 < td > < span class ="no "> ✗</ span > </ td >
13451345 </ tr >
13461346 < tr >
1347- < td > CopilotKit hook discovery </ td >
1348- < td class ="col-ours "> < span class ="yes "> 28 hooks ✓</ span > </ td >
1349- < td > < span class ="no " > ✗ </ span > </ td >
1347+ < td > Component catalog </ td >
1348+ < td class ="col-ours "> < span class ="yes "> A2UI built-in ✓</ span > </ td >
1349+ < td > < span class ="partial " > Design system </ span > </ td >
13501350 < td > < span class ="no "> ✗</ span > </ td >
13511351 < td > < span class ="no "> ✗</ span > </ td >
13521352 </ tr >
13531353 < tr >
1354- < td > A2UI catalog support</ td >
1355- < td class ="col-ours "> < span class ="yes "> Built-in ✓</ span > </ td >
1356- < td > < span class ="no "> ✗</ span > </ td >
1357- < td > < span class ="no "> ✗</ span > </ td >
1354+ < td > Agent workflow debugging</ td >
1355+ < td class ="col-ours "> < span class ="yes "> Event streaming ✓</ span > </ td >
13581356 < td > < span class ="no "> ✗</ span > </ td >
1357+ < td > < span class ="yes "> Breakpoints + viz ✓</ span > </ td >
1358+ < td > < span class ="partial "> LLM call tracing</ span > </ td >
13591359 </ tr >
13601360 < tr >
1361- < td > Fixture validation + typo suggestions </ td >
1362- < td class ="col-ours "> < span class ="yes "> Built-in ✓</ span > </ td >
1361+ < td > Framework hook discovery </ td >
1362+ < td class ="col-ours "> < span class ="yes "> 28 hooks + CodeLens ✓</ span > </ td >
13631363 < td > < span class ="no "> ✗</ span > </ td >
13641364 < td > < span class ="no "> ✗</ span > </ td >
13651365 < td > < span class ="no "> ✗</ span > </ td >
13661366 </ tr >
13671367 < tr >
1368- < td > CodeLens at hook call-sites </ td >
1368+ < td > Fixture validation </ td >
13691369 < td class ="col-ours "> < span class ="yes "> Built-in ✓</ span > </ td >
13701370 < td > < span class ="no "> ✗</ span > </ td >
1371- < td > < span class ="partial "> Code actions</ span > </ td >
1372- < td > < span class ="partial "> Code actions</ span > </ td >
1373- </ tr >
1374- < tr >
1375- < td > Agent event streaming</ td >
1376- < td class ="col-ours "> < span class ="yes "> SSE real-time ✓</ span > </ td >
1377- < td > < span class ="partial "> Azure only</ span > </ td >
13781371 < td > < span class ="no "> ✗</ span > </ td >
13791372 < td > < span class ="no "> ✗</ span > </ td >
13801373 </ tr >
13811374 < tr >
1382- < td > Code generation / completion </ td >
1383- < td class ="col-ours "> < span class ="no "> Not the goal </ span > </ td >
1384- < td > < span class ="yes "> ✓ ;</ span > </ td >
1385- < td > < span class ="yes "> ✓</ span > </ td >
1386- < td > < span class ="yes "> ✓ ;</ span > </ td >
1375+ < td > Multi-model catalog </ td >
1376+ < td class ="col-ours "> < span class ="no "> ✗ </ span > </ td >
1377+ < td > < span class ="no "> ✗ ;</ span > </ td >
1378+ < td > < span class ="yes "> 100+ models ✓</ span > </ td >
1379+ < td > < span class ="no "> ✗ ;</ span > </ td >
13871380 </ tr >
13881381 < tr >
13891382 < td > Free + Open Source</ td >
13901383 < td class ="col-ours "> < span class ="yes "> MIT ✓</ span > </ td >
1391- < td > < span class ="partial " > Freemium </ span > </ td >
1392- < td > < span class ="partial "> Freemium </ span > </ td >
1393- < td > < span class ="partial " > Varies </ span > </ td >
1384+ < td > < span class ="yes " > MIT ✓ </ span > </ td >
1385+ < td > < span class ="partial "> Free (MS account) </ span > </ td >
1386+ < td > < span class ="yes " > MIT ✓ </ span > </ td >
13941387 </ tr >
13951388 </ tbody >
13961389 </ table >
@@ -1413,7 +1406,7 @@ <h2 class="fade-in">Get started in seconds</h2>
14131406 rel ="noopener "
14141407 >
14151408 < svg width ="16 " height ="16 " viewBox ="0 0 16 16 " fill ="currentColor "> < path d ="M1.29 2.36L6.5.07l8.21 3.73v8.4L6.5 15.93l-5.21-2.57L6.5 10.5V5.5L1.29 8.36V2.36z "/> </ svg >
1416- VS Code Marketplace
1409+ VSCode Marketplace
14171410 </ a >
14181411 < a
14191412 href ="https://open-vsx.org/extension/copilotkit/copilotkit-vscode-extension "
@@ -1466,7 +1459,7 @@ <h2 class="fade-in">Get started in seconds</h2>
14661459 < footer >
14671460 < div class ="container ">
14681461 < div class ="footer-brand ">
1469- < span class ="prompt "> </></ span > CopilotKit VS Code Extension · v0.1.0 · MIT License
1462+ < span class ="prompt "> </></ span > CopilotKit VSCode Extension · v0.1.0 · MIT License
14701463 </ div >
14711464 < ul class ="footer-links ">
14721465 < li >
0 commit comments