Code Web Chat

CWC makes it easy to construct coding prompts for chatbots/APIs and integrate suggested edits. Start using projects (also called gems or spaces) with the prompt autofill feature and never copy and paste again!

Works with VS Code family of editors (Cursor, Antigravity, VSCodium, etc.).

👉️ Construct coding prompts for...

• Chatbots—ChatGPT, Gemini, Claude, Grok, DeepSeek, etc.
• Model providers—Gemini API, OpenRouter, local Ollama, etc.

👉️ Apply responses—edits integration with checkpoints for state restoration
👉️ 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

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.

Coding agents address this limitation via tool calling—although keyword search may work, it requires instructions complex enough to fully understand your intent. For complex codebases, the process may run for dozens of minutes and still yield mixed results.

CWC proposes an alternative, more mindful 🧠 approach through context engineering. Pick files and be certain what the model gets to see. Type simpler instructions and get edits in seconds with accuracy that can't get any better!

With files sorted by update recency, CWC helps utilize prompt caching across tasks—consistently save up to 90% on input tokens, while reserving the more expensive output tokens for task-focused reasoning and code changes you're looking for.

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 and never copy and paste again!

• Chrome Web Store
• Firefox Add-ons

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.

Note

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.

Contributing

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

---

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