whatisgithub

What is brain-edit-slides?

brain-ai-biz/brain-edit-slides — explained in plain English

Analysis updated 2026-05-18

13JavaScriptAudience · vibe coderComplexity · 1/5Setup · easy

In one sentence

A Canva-style visual editor injected into Claude Code generated HTML slide decks so you can tweak them without re-prompting the AI.

Mindmap

mindmap
  root((Brain-edit-slides))
    What it does
      Visual slide editing
      No re-prompting AI
      Injected JS layer
    Tech stack
      JavaScript
      CSS
      Python
    Use cases
      Fix typos and images
      Drag and recolor
      Auto-include in decks
    Audience
      Vibe coders

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

Fix a typo or misplaced image in an AI-generated slide deck without re-prompting the AI.

USE CASE 2

Drag, resize, and recolor elements in an HTML presentation directly in the browser.

USE CASE 3

Add the skill to a Claude Code project so every future slide deck includes the editor automatically.

What is it built with?

JavaScriptCSSPython

How does it compare?

brain-ai-biz/brain-edit-slides09catho/axonabdulrdeveloper/react--tic-tac-toe
Stars131313
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasymoderateeasy
Complexity1/54/51/5
Audiencevibe coderresearcherdeveloper

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

How do you get it running?

Difficulty · easy Time to first run · 5min

No external libraries, runs from a local HTML file with no server or build step.

So what is it?

Brain-edit-slides adds a visual editing mode to HTML presentation files that Claude Code generates. The problem it addresses is that when an AI coding tool creates an HTML slide deck for you, fixing even a small thing (a typo, a misplaced image, a color) means going back to the AI and prompting it again. This project gives you a Canva-style editor directly in the browser so you can make those tweaks yourself without writing any code or firing another prompt. The editor runs as a thin JavaScript and CSS layer injected into your HTML file. It has no external libraries or frameworks, runs from a local file on your computer, and does not touch the actual content of your slides. Once injected, you can drag elements around the screen, double-click any text to edit it directly, paste screenshots with Cmd+V, copy and duplicate any element, adjust colors and gradients, and control layering. An undo and redo stack works the same way as most desktop apps. Pressing Cmd+S downloads the modified HTML file, replacing your original. Installation is two steps: clone the repository, then ask Claude Code to install the skill file into your project. After that, every new slide deck Claude creates for you automatically includes the edit mode. There is also a standalone Python script for adding the editor to existing HTML files without involving Claude at all. The README is written primarily in Hebrew and targets an Israeli developer audience. The project was built by the team at Brain, an AI-focused company. It is a small, focused utility with a clear scope: make it easy for non-developers to do light editing on AI-generated HTML presentations without any server, build step, or dependency chain.

Copy-paste prompts

Prompt 1
Install the Brain-edit-slides skill into my Claude Code project.
Prompt 2
Add a Canva-style visual editor to this HTML slide deck Claude just generated.
Prompt 3
Use the standalone Python script to inject the slide editor into an existing HTML presentation.

Frequently asked questions

What is brain-edit-slides?

A Canva-style visual editor injected into Claude Code generated HTML slide decks so you can tweak them without re-prompting the AI.

What language is brain-edit-slides written in?

Mainly JavaScript. The stack also includes JavaScript, CSS, Python.

How hard is brain-edit-slides to set up?

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

Who is brain-edit-slides for?

Mainly vibe coder.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.