Code Web Chat

Code Web Chat (CWC) is a chatbot-first AI coding tool. Start in VS Code (Cursor, Antigravity, VSCodium, etc.), then continue in ChatGPT, Gemini, Claude (and 15+ more) or Bring Your Own API Keys and stay in the editor!

It's free, fully-featured and doesn't collect telemetry.

Get involved! Join our discord server.

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!

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

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.

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%.

Privacy

CWC is designed to operate 100% on your machine.

Zero telemetry collection.
Browser communication over WebSockets.
Model providers requested directly.

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.

Build from source

Prerequisites

Node.js (v20.x recommended)
pnpm

Steps

Clone the repository: git clone https://github.com/robertpiosik/CodeWebChat.git && cd CodeWebChat
Install workspace dependencies: pnpm install
Navigate to the editor app and build the package: cd apps/editor && pnpm run build
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.

Robert Piosik