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 (plus 15+ more) or get the job done without leaving your editor!

It's free, fully-featured and doesn't collect any 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? Search files using phrase, keywords and natural language.

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]

Prompt caching

With first-class support for prompt caching, CWC enables unmatched cost-efficiency and speed.

Preserve your chatbot quota for longer
Lower input token costs by up to 90%
Reduce latency by up to 80%

How it works?
Selected files are ordered by modification and selection recency, and because task instructions are always placed at the very end of the prompt, it's submitted largery unchanged across tasks!

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.

Calling APIs

All the essential API tools to get the job done. Bring Your Own Key (BYOK) for a model provider of choice. Use self-hosted model provider like Ollama or LM Studio.

Intelligent Update—Integrate changes from malformed responses.
Edit Files—Pair-programming using natural language instructions.
Code at Cursor—Accurate inline code from reasoning models.
Find Relevant Files—Find files using natural language description.
Commit Messages—Meaningful summaries of changes in your style.
Voice Input—Transcribe speech to text in the prompt field.

Privacy

The extension doesn’t communicate with any server for so-called telemetry.

The editor-browser communication for chatbot autofill runs on local WebSockets.

When calling APIs, requests are sent directly to the configured model providers.

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