Skip to content

robertpiosik/CodeWebChat

Repository files navigation

Logo

Get from Visual Studio Code Marketplace Get from Open VSX Registry

Code Web Chat is a chatbot-first AI coding tool. Start in VS Code (Cursor, Antigravity, VSCodium, etc.), then continue in ChatGPT, Gemini, Claude, etc. or Bring Your Own Key to stay in the editor!

CWC is free, works 100% on your machine and doesn't collect telemetry.

Get involved! Join our discord server.

Tip

Elevate your workflow with smart workspaces (called projects, gems, or spaces).


Select context files, type instructions...


Paste in a chatbot...


Review edits in the editor...

Introduction

In the world of AI coding, agents like Codex or Claude Code rely on "tool calling" (where the AI asks "the harness" to read a file, waits for the tool to respond, then reads another).

CWC flips this!

Here, selected in the explorer view files are sent to the model with your instructions so it has everything it needs to do the task. Get accurate multi-file edits in record time!

Tip

Not sure what files to select? You can search files using phrase, keywords or natural language globally or within the selected folder.

Generated prompts are structured as follows:

Edit context
# Files
[file selection]

# System
[edit format instructions]

---

[prompt]
Ask about context
# Files
[file selection]

[prompt]
Code at cursor
# Files
[file selection]

### File: `[active file]`
```
[code before cursor]<missing_text>[prompt]</missing_text>[code after cursor]
```

[instructions for the missing text]
Find relevant files
# Files
[rough file selection]

# System
[response format instructions]

Find a complete set of relevant files according to the following query:

---

[prompt]

Enabling autofill

Install the browser extension and never copy and paste again.

Supported chatbots:

  • AI Studio
  • Arena
  • ChatGPT
  • Claude
  • Copilot
  • DeepSeek
  • Doubao
  • Gemini
  • GitHub Copilot
  • Grok
  • HuggingChat
  • Kimi
  • Meta
  • Mistral
  • Open WebUI
  • OpenRouter
  • Qwen
  • Together
  • Yuanbao
  • Z

Important

The Apply response button placed under responses is not a means of automatic output extraction, it's an alias for the original copy to clipboard button. Review the content script to learn about implementation details.

Note

Use forwarding of port 55155 when using remote machine via SSH.

Prompt caching

CWC orders context files by modification and selection recency. This, combined with instructions placement at the message's very end creates highly cost-efficient workflow which heavily utilize prompt caching.

Make your chatbot quota last longer, lower input token costs by up to 90%, and reduce latency by up to 80%.

Commands

Code at Cursor

  • Code at Cursor - Get an inline snippet while using the current context.
  • Code at Cursor using... - Inline snippet with configuration selection.
  • Code at Cursor with Instructions - Inline snippet with instructions.
  • Code at Cursor with Instructions using... - Inline snippet with instructions and configuration selection.

Context

  • Apply Context - Apply a saved context or save the current file selection.
  • Add File to Context - Search and add file (or parent folder via file action) to the context.
  • Remove File from Context - Search and remove file (or parent folder via file action) from the context.
  • Search Files for Context - Search and add files containing specific keywords to the context.
  • Copy Context - Copy all selected files to the clipboard.
  • Copy Context of Open Editors - Copy opened and selected files to the clipboard.

Commit messages

  • Commit Changes - Generate commit message in your preferred style.

History

  • History - Manage saved states of the workspace.
  • Create New Checkpoint - Create a history entry of the current workspace state.

Build from source

Prerequisites

Steps

  1. Clone the repository: git clone https://github.com/robertpiosik/CodeWebChat.git && cd CodeWebChat
  2. Install workspace dependencies: pnpm install
  3. Navigate to the editor app and build the package: cd apps/editor && pnpm run build
  4. Install the generated .vsix file in VS Code: Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P), run Extensions: Install from VSIX..., and select the newly created file.

Copyright © 2026 Robert Piosik
E-mail: robertpiosik@gmail.com
Telegram: robertpiosik

About

Chatbot-first AI coding for VS Code

Resources

Stars

1.4k stars

Watchers

10 watching

Forks

Sponsor this project

Contributors