Skip to content

LunarWerxs/ReDesign

Repository files navigation

RēDesign

RēDesign

One screenshot in. A wall of AI redesigns out.

CI Built with Bun Site

Feed it a screenshot of any screen. It fires that screenshot at a bunch of AI models at once and hands back a grid of real, self-contained HTML redesigns, each one sitting next to the original so you can actually judge it. No more pasting the same image into ten chat tabs and eyeballing the results one at a time.

It runs on your own machine and talks only to the model APIs you give it keys for. An optional "Sync with Connections" toggle can carry your theme across devices; your API keys never leave your machine.

What it looks like

Drop a screenshot into the control panel, pick the models and presets you want, and hit Run:

The RēDesign control panel: an input dropzone with model and prompt selectors and a Run button

Here are six of the redesigns a single run produced from one sample dashboard, courtesy of Claude, GPT, Gemini and Qwen:

Six real redesigns of the same sample dashboard, from dark editorial to stripped-back minimalist

Try it

You need Bun 1.2 or newer.

bun install
npm run build          # build the web UI (first run only)
cp .env.example .env   # drop in your API keys
bun run src/index.ts serve

Open http://127.0.0.1:5178, drop in a screenshot, tick a few models, hit Run. On Windows you can skip all that and just double-click start.cmd.

Why it is nice

  • Every model at once. Claude, GPT, Gemini, DeepSeek, and Qwen out of the box, plus any OpenAI-compatible endpoint you add. Star the handful you reach for so they sit up top, and leave the rest one click away in an "all models" drawer, the way VS Code Copilot does it. They all run in parallel, not one after another.
  • Many takes per model, one run. Ask a single model for three variants and another for one, all in the same fan-out. A bake-off is more useful when you can see a model's range, not just one roll of the dice.
  • A stack of prompt presets. Faithful refresh, bold reimagine, minimalist, conversion, and more. Or write your own.
  • A viewer worth using. Start from an all-runs thumbnail gallery, filter by model or preset, set the column count, and preview at phone through desktop widths. Stars and hidden-output choices survive a refresh, and the original always sits first so you have something to compare against.
  • A queue you control. Park several batches before spending keys, start them together, add more work behind a live run, and drag waiting batches into the order you want.
  • Paste your keys, skip the setup. Drop in one key or a whole pile at once. It works out which service each belongs to, checking live when a key could belong to more than one, and files them in the right pool. Give each provider a stack of keys and it cycles through them, quietly benching the ones that start failing, then bringing them back later.
  • Safe by design. The HTML each model writes runs in a locked-down iframe. You can click around in it, but it cannot touch your data.
  • It knows what it costs. A per-run cost meter, plus an estimate before you hit Run, so a big fan-out never surprises you.
  • Scriptable. Everything in the UI has a command-line twin, and there is an MCP server so an AI agent can drive it too.

A little deeper

  • All config, no code. Models live in src/config/models.json, prompts in src/config/prompts.json. Add one, disable one, or point it at a newer model version without touching the app.
  • Reference images. Drop or paste in a look you like, choose exactly which references to send, and every model borrows their mood and colors rather than their layout.
  • Grounding when fidelity matters. Turn on Ground with description to inventory the screenshot once with a vision model and give every image model the same detailed source description. Text-only models receive an automatic description as before.
  • The stack. Bun and Hono on the back end (one runtime dependency), a Vue 3 + Vite + Tailwind + shadcn-vue app on the front. Your keys never hit disk in the clear.

From the command line

bun run src/index.ts run      # queue a run (add --mock for a free dry run)
bun run src/index.ts models   # models and how many keys each has
bun run src/index.ts keys     # key health
bun run src/index.ts mcp      # start the MCP server for agents

Tests

bun test tests

Fully offline. No keys, no spend.

License

MIT. Do what you want with it. See LICENSE.

Made by LunarWerx. Live site: redes1gn.github.io.

About

Drop in a UI screenshot and RēDesign runs it past many AI models at once, then gives you a browsable wall of self-contained HTML redesigns to compare. Runs locally on Bun.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages