Code Web Chat

CWC enables autofill in all popular chatbots, so you don't have to copy and paste ever again! Working in a project* have never been easier.

* Projects are smart workspaces, learn more: ChatGPT, Gemini, Claude.

👉️ Send messages with...

Chatbots—ChatGPT, Gemini, Claude, Grok, DeepSeek, etc.
API calls—Gemini API, OpenRouter, local Ollama, etc.

👉️ Apply responses—changes integration in all edit formats with easy rollback
👉️ Fully featured—refactorings, code completions, commit messages, and more
🌱 Sustainable AI coding—designed for prompt caching across tasks
❤️ Free and open-source—released under the GPL-3.0 license

Screenshot

Introduction

LLMs are brilliant, yet mindless pattern matchers. Because they lack properties similar to mental models, they can't imagine how the correct output should look like before their context is filled with files.

While agents address this limitation via tool calling just fine—they're slow and, because files are placed in output tokens, expensive.

Code Web Chat proposes an alternative approach where the model is guided with hand-picked context, allowing simpler instructions and enabling accuracy that can't get any better!

For efficiency, files are sorted in a way enabling prompt caching across tasks—put less strain on the planet 🌱, and save up to 90% on input tokens!

Example message:

<system>
Whenever showing a new, updated, renamed or deleted file, provide a brief explanation...
</system>
<files>
  <file path="src/calculator.ts">
  export const addNumbers = (a: number, b: number) => a + b;
  </file>
  ...
</files>
<system>
Whenever showing a new, updated, renamed or deleted file, provide a brief explanation...
</system>
Implement a subtract function.

Once the response is ready, changes can be integrated in a fully revertible way.

Enabling autofill

Install the zero-setup Connector extension in your favorite browser:

Like all of Code Web Chat, the extension is open-source and works with minimal permissions for your absolute privacy and security.

List of supported chatbots:

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

[!TIP] With the browser extension you can include markdown-parsed websites in context. Go to target website, click the extension's icon in the browser's toolbar and click Enable for context.

[!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 for implementation details.

[!IMPORTANT] Use port forwarding on port 55155 when using remote machine via SSH.

API Tools

🛠️ Edit Context
Modify, create or delete files based on natural language instructions.

🛠️ Code Completions
Get accurate code-at-cursor from state-of-the-art reasoning models.

🛠️ Intelligent Update
Handle the compact "truncated" edit format and malformed diffs.

🛠️ Commit Messages
Generate meaningful summaries of changes adhering to your style.

[!TIP] Get started with Google model provider. Gemini 3.0 Flash is excellent at long context and diff editing.

Commands

Code completions

Code Web Chat: Code Completion - Get code-at-cursor using API tool.
Code Web Chat: Code Completion using... - ...with configuration selection.
Code Web Chat: Code Completion with Instructions - ...with instructions.
Code Web Chat: Code Completion with Instructions using... - ...with instructions and configuration selection.

Checkpoints

Code Web Chat: Checkpoints - Restore the overall workspace state to the saved checkpoint.
Code Web Chat: Create New Checkpoint - Save the current state of the workspace.

Context

Code Web Chat: Apply Context - Apply a saved context or save the current file selection.
Code Web Chat: Add File to Context - Search and add file (or parent folder via file action) to the context.
Code Web Chat: Remove File from Context - Search and remove file (or parent folder via file action) from the context.
Code Web Chat: Copy Context - Copy XML-formatted checked files from the Workspace view to the clipboard.
Code Web Chat: Copy Context of Open Editors - Copy XML-formatted checked files from the Open Editors view to the clipboard.
Code Web Chat: Find Paths in Clipboard - Select files based on paths found in the clipboard text.

Enterprise security

Code Web Chat operates exclusively on your machine. Your code and instructions are sent directly to chatbots via editor-browser communication channel run on local Websockets. For API tools, model providers are called directly.

Community

If you have a question, or want to help others, you're always welcome in our community.

Contributing

All contributions are welcome. Feel free to submit pull requests, feature requests and bug reports.

Robert Piosik