Sets one theme
Reads the whole page first, then picks palette, type, shape and shadows that belong together.
1 cursor240 agents
Redraft
Chrome extension ยท Runs on Claude
Redesign any website. Live.
Click once. A swarm of Claude agents reads the page and rebuilds it in front of you, one real edit at a time.
- 1
- click to start
- 240
- cursors on screen
- 100%
- of the page restyled
- 0
- API keys needed
Watch it work
The agents never stop on this page.
Drag the handle to compare. The right side keeps being redrafted by the swarm, one style after another.
plainbakery.testEditorial
Plain Bakery
Fresh bread, every morning
Baked on site since 1998.
- Sourdough
- Rye
- Baguette
The crew
A design team that fits in a tab.
0elements on this page alone
Reaches every element
Applies the theme by role across the entire page, including sections that load later as you scroll.
Refine in parallel
Several Claude agents work at once on hierarchy, spacing and emphasis, section by section.
Every edit is flown in
Nothing is faked. Each box a cursor draws is a real change landing on the real page.
UndoCopy CSS
Keep it or drop it
Undo everything in one click, or take the CSS with you. A reload always brings the original back.
Try it here
Pick a style. This page changes.
Five presets ship with the extension. The real power is your own styles.
Or bring your own style
Copy it from any site
Like how a site looks? Redraft saves its colors, fonts and shapes as a style you can use anywhere.
Describe it
Write the look you want once, save it, and reuse it on every site.
Build it
Set exact brand colors and fonts in the editor, then share the file with your team.
Privacy
It only touches what you point it at.
One tab at a time
It runs only on the tab where you click it, and has no access to your other pages.
Forms stay private
Form values are never read and password fields are skipped. Emails, long numbers and tokens are masked.
Your Claude, your machine
It runs on the Claude Code already on your computer, with no API key, no new account and no server in the middle.
Agents can't touch your files
Page text can try to steer a model, so Claude Code runs with every tool off. Edits are limited to styling.
Redraft sends the page's visible text and styles to Claude. Avoid running it on pages you wouldn't paste into a chat.
Install
Running in two minutes.
Free and open source. It's not on the Chrome Web Store yet, so it installs from a folder. View the code on GitHub
-
Step 1
Download
A ready folder with the extension and the Claude Code bridge. Unzip it somewhere permanent.
Download Redraft -
Step 2
Load it in Chrome
Open chrome://extensions, turn on Developer mode, click Load unpacked and choose the extension folder.
-
Step 3
Connect Claude
node ~/Downloads/Redraft/bridge/connect.mjs
Run this once in Terminal with Claude Code installed. Without it, or on Windows, paste an API key in Redraft settings.
FAQ
Good questions.
Does it change the real website?
No. Edits live in your browser tab, and a reload brings the original back. Use Copy CSS to keep a redesign.
Can I redesign a site in my own brand style?
Yes. Save your style once, by copying it from your site or building it in the editor. Claude then works strictly inside it and adds no colors or fonts of its own.
Is it open source?
Yes, under the MIT license. The code is on GitHub.
Do I need an API key?
No, if Claude Code is installed and you are logged in. Redraft talks to it through a small local bridge. An API key is the alternative for computers without Claude Code.
How much does a redesign cost?
With Claude Code it uses your plan's normal limits. With an API key you pay Anthropic directly, and the bar on the page shows tokens as they are used.
Can agents rewrite the text?
Only if you tick the box. By default they change styling and leave your words alone.
Will it work on every site?
Most. Agents change CSS rather than restructure HTML, sites that re-render constantly can overwrite edits, and browser pages like chrome:// are off limits.