explaingit

stephanecollot/vibebob

Analysis updated 2026-05-18

22TypeScriptAudience · vibe coderComplexity · 2/5LicenseSetup · moderate

TLDR

A Chrome extension that lets you add custom features to any website by describing them in plain English to an AI agent.

Mindmap

mindmap
  root((VibeBob))
    What it does
      Chat to add features
      Live page editing
      Auto apply on revisit
    Tech stack
      Chrome Manifest V3
      React and Tailwind
      Anthropic SDK
    Use cases
      Add missing buttons
      Try quick UI tweaks
      Toggle features on off
    Audience
      Vibe coders
      Browser tinkerers
    Setup
      Manual unpacked install
      Bring your own API key

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

Add a missing button or control to a website you use often without writing code.

USE CASE 2

Try out a UI change on a site and revert it instantly if it does not work.

USE CASE 3

Add small quality of life features like a dark mode toggle to any page.

What is it built with?

TypeScriptReactTailwind CSSViteChrome ExtensionsAnthropic SDK

How does it compare?

stephanecollot/vibebobaerdelan/housand-domaintoolmatrixalibaba/webmcp-nexus
Stars222222
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderateeasymoderate
Complexity2/52/53/5
Audiencevibe coderdeveloperdeveloper

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

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires manually loading an unpacked Chrome extension and your own Anthropic API key.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

VibeBob is a Chrome browser extension that lets you customize any website by describing changes in plain English. Instead of learning to write browser scripts or code, you open a side panel on any page and type something like "Add a CSV export button to this table" or "Make this sidebar collapsible." An AI agent, powered by Anthropic's Claude, inspects the live page, writes the necessary JavaScript and CSS code, and injects it directly into the page instantly, with no page refresh needed. Changes are saved automatically and re applied every time you visit the same site, including on single page apps that navigate without reloading. Each feature has its own version history stored inside your browser using an in browser git system, a tool that tracks changes over time, so you can revert to any earlier version or toggle a feature off without deleting it. If a modification breaks something, the error surfaces in the chat so you can ask the AI to fix it. There is no server or backend involved, everything runs locally in your browser. You supply your own Anthropic API key in the extension settings. The extension is not yet on the Chrome Web Store, so you install it manually by downloading a zip file and loading it through Chrome's developer mode. You would use this when you find yourself regularly annoyed by something on a website you visit often, a missing button, a cluttered layout, text that's too small, and want a fix that sticks without writing code yourself. The tech stack is TypeScript, React, Tailwind CSS, and Vite for the UI, with Chrome's Manifest V3 extension format and the Anthropic SDK for AI calls.

Copy-paste prompts

Prompt 1
Explain how VibeBob injects AI generated JavaScript and CSS into a live webpage.
Prompt 2
Walk me through installing VibeBob as an unpacked Chrome extension.
Prompt 3
Show me how VibeBob keeps a version history for each feature using an in browser git system.
Prompt 4
What does VibeBob's Anthropic API streaming tool use loop actually do?

Frequently asked questions

What is vibebob?

A Chrome extension that lets you add custom features to any website by describing them in plain English to an AI agent.

What language is vibebob written in?

Mainly TypeScript. The stack also includes TypeScript, React, Tailwind CSS.

What license does vibebob use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is vibebob to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is vibebob for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.