Code Web Chat

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 and privacy-first.

Get involved! Join our discord server.

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

Introduction

This independent project aims to provide developers with a complete set of tools for an efficient AI coding workflow while respecting their privacy.

Here, you're the one selecting context files, so LLMs can assist you without the lengthy tool calling, in real-time!

Get help in task-relevant file selection using the Find Relevant Files prompt type.

Privacy

Editor and browser extensions operate 100% on your machine—no code, prompts or usage data are collected. For transparency, all source code is available on GitHub.

Prompt types

At its core, CWC constructs simple, markdown-formatted prompts for common use-cases (click to expand) you can copy and paste into chatbot of choice or send directly from the editor via an API call.

Edit files

Get accurate multi-file edits in a single response.

# Files
[full contents of selected files with paths]

# System
[edit format instructions (~250 tokens)]

---

[prompt]

Ask about files

Get help with whatever you're up to.

# Files
[full contents of selected files with paths]

---

[prompt]

Code at cursor

Get accurate inline snippets from SOTA reasoning models.

# Files
[full contents of selected files with paths]

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

[instructions for the missing text]

Find relevant files

Find files relevant to a query from a broad selection.

# Files
[broad file selection]

# System
[response format instructions]

---

Find a complete set of files relevant to the following query. Include the primary files as well as any structural files.
[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 effecively utilizes prompt caching across tasks.

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

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