gitwtfhub

wtf is kawarimi?

pixelizing/kawarimi — explained in plain English

Analysis updated 2026-05-18

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

TL;DR

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

Why would anyone build with this?

REASON 1

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

REASON 2

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

REASON 3

Undo an applied AI edit instantly if it was wrong.

REASON 4

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

What's in the stack?

JavaScriptChrome ExtensionVS Code Extension

How it stacks up

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 spin it up?

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.

Wtf does this do

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.

Yoink these 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

wtf 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.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.