explaingit

pixelizing/kawarimi

Analysis updated 2026-05-18

0JavaScriptAudience · vibe coderComplexity · 2/5LicenseSetup · easy

TLDR

A browser extension paired with a VS Code extension that lets you apply AI chatbot code answers directly into your active file with one click.

Mindmap

mindmap
  root((Kawarimi))
    What it does
      Bridges browser AI chat
      Applies code to VS Code
      Find and Replace workflow
    Tech stack
      Chrome extension
      VS Code extension
      Local port connection
    Use cases
      One click code apply
      Replace all matches
      Undo an edit
    Audience
      Vibe coders
      AI chatbot users
    Notes
      No API key needed
      MIT licensed

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Send a code answer from ChatGPT, Claude, or Gemini straight into the file you are editing in VS Code.

USE CASE 2

Apply the same replacement across every matching block in a file at once.

USE CASE 3

Undo an applied AI edit instantly if it was wrong.

USE CASE 4

Skip manually copying and pasting code out of a browser chat window.

What is it built with?

JavaScriptChrome ExtensionVS Code Extension

How does it compare?

pixelizing/kawarimi00kaku/gallery-slider-block0xkinno/vellum
Stars00
LanguageJavaScriptJavaScriptJavaScript
Last pushed2021-05-19
MaintenanceDormant
Setup difficultyeasyeasyhard
Complexity2/52/54/5
Audiencevibe codergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Both the Chrome and VS Code extensions must be installed and running on the same local port for the workflow to function.

You can use, modify, and share this freely, including for commercial purposes, as long as you keep the copyright notice.

In plain English

Kawarimi connects a browser based AI chatbot, such as ChatGPT, Claude, or Gemini, to VS Code so that code the chatbot writes can be applied directly to the file you are editing. It works through a Find and Replace pattern: the chatbot shows an original code block and a new code block, and clicking buttons in the Chrome extension sends that change straight into the active file in VS Code, without needing an API key and without copying and pasting by hand. The project ships as two paired pieces, a Chrome extension and a matching VS Code extension, both of which need to be installed and running for the workflow to work. After installing them, you open the file you want to change in VS Code and leave it active, wait for the chatbot to finish generating its answer, then click Find on the original block and Replace on the new block. Kawarimi then updates the file and saves it automatically. There are also controls for replacing every matching block at once, replacing only the first match, marking a replacement as done, and undoing a change with the normal Ctrl+Z or Cmd+Z shortcut. For the connection to work, both the Chrome and VS Code sides need to be running and talking over the same local port, which defaults to 10240. Support for using this on arbitrary custom websites is described as experimental and may not work everywhere. The README also includes a suggested prompt users can give the chatbot so its responses come back in a format Kawarimi can parse cleanly, asking for exact file paths and complete, unabbreviated code blocks rather than partial snippets or placeholders. This is a small developer tool aimed at people who already chat with AI models in the browser and want those answers to land directly in their code editor. The project is released under the MIT license.

Copy-paste prompts

Prompt 1
Help me install the Kawarimi Chrome extension and VS Code extension so they can talk to each other.
Prompt 2
Show me how to set up the Find and Replace workflow between my browser chatbot and VS Code.
Prompt 3
Write me a Kawarimi-friendly prompt template for asking an AI to edit my current file.
Prompt 4
Explain what the All, 1st, and Done buttons do in Kawarimi.
Prompt 5
Help me troubleshoot Kawarimi not connecting between Chrome and VS Code on port 10240.

Frequently asked questions

What is kawarimi?

A browser extension paired with a VS Code extension that lets you apply AI chatbot code answers directly into your active file with one click.

What language is kawarimi written in?

Mainly JavaScript. The stack also includes JavaScript, Chrome Extension, VS Code Extension.

What license does kawarimi use?

You can use, modify, and share this freely, including for commercial purposes, as long as you keep the copyright notice.

How hard is kawarimi to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is kawarimi for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.