This is a simple editor to improve development experience while using interactive AI workflow.
ClipFit (v1.2.0)
Surgical, Protocol-Driven AI Code Editing for VS Code.
Brainstorm architecture in your browser, copy the structured patch, and apply changes safely via native Diff review with one click.
⚡ Quick Start (Get it running in 30 seconds)
Install: Search for ClipFit in the VS Code Marketplace and click Install. Or download from GitHub.
Setup your LLM: Copy our system prompt and paste it into your favorite web AI (ChatGPT, Claude, Gemini, etc.).Or just click on the button in the editor title menu: "Copy AI system prompt" then paste into AI web ui.
Ask for changes: Let the AI modify your code. It will output a standard ClipFit v1.2.0 text block.
Apply Patch: Copy the AI output, switch back to VS Code, and press Ctrl+K p (Cmd+Alt+K on Mac). Or click on the button "ClipFit:Process AI output" in the editor title menu.
Review: Check the native side-by-side Diff view, inspect the color-coded UI markings, and accept or revert individual blocks!
Accept or Reject: Click on "Accept Mod" or "Reject Mod" in the Status Bar under document. Or by hot key CTRL+K a
🧩 Protocol Example (What it looks like)
This is what your clipboard should look like when copying from the AI:
===REPLACE_BLOCK===
function oldCode() {
return "buggy";
}
===WITH===
===REMARKNCOLOR=== ===YELLOW=== ===Refactored logic for optimization===
function oldCode() {
return "optimized";
}
===REMARK_END===
===END_REP===
Every string equals to our Tag in the begining of a line will be processed. Please avoid this situation in your code.
