Skip to content

robertpiosik/CodeWebChat

Repository files navigation

Logo

Get from Visual Studio Code Marketplace Get from Open VSX Registry

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, works 100% on your machine and doesn't collect telemetry.

Get involved! Join our discord server.

Tip

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


Introduction

Coding capability in LLMs is trained using techniques like Inverse-Instruct with an existing model acting as a summarizer, looking at the code and writing instructions that could realistically output that exact code block.

By showing the model a complete set of files and task instructions in a single message, CWC taps directly into these snippet-summarization pairs.

Make simple instructions just work and the required reasoning effort lower or even disabled!

Tip

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

Prompt types

At its core, CWC constructs simple, markdown-formatted prompts for common use-cases (click to expand):

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

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 to learn about implementation details.

Note

Use forwarding of port 55155 when using remote machine via SSH.

Built around prompt caching

CWC orders context files by modification and selection recency. This, combined with instructions placement at the message's very end utilizes prompt caching across single-turn prompts.

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

Steps

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

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

About

Chatbot-first AI coding for VS Code

Resources

Stars

1.4k stars

Watchers

10 watching

Forks

Sponsor this project

Contributors