DEV Community

Danni Friedland
Danni Friedland

Posted on • Originally published at frontman.sh

Multi-Select is here: Stop fixing UI one element at a time

Multi-Select is here.

Stop fixing your UI one element at a time like it's 2024.

Select multiple elements. Give each one instructions. Hit go. Frontman edits them all in one shot.

That button that's 2px off? The header that says "Untitled"? The card that looks weird on mobile? Select all three, describe what you want, and get back to your coffee while Frontman rewrites the actual source code.

How it works:

  1. Click elements in your running app (hold Shift to multi-select)
  2. Add instructions to each — "make this bold", "fix the padding", "change copy to X"
  3. Frontman generates real code edits for all of them with hot reload

No more context-switching between browser and editor for every tiny fix. Batch your nitpicks. Ship faster.

Why this matters

Most AI coding tools work blind. They can't see your running app, your actual DOM, or how your changes look in the browser. So you're stuck in this endless loop:

  1. Switch to editor
  2. Describe what you want to change
  3. Switch back to browser
  4. See if it worked
  5. Repeat for every. single. fix.

Frontman can actually see your DOM and UI. So instead of describing "the button in the top-right corner of the header component", you just click it. Instead of fixing one thing at a time, you select everything that's bugging you and fix it all at once.

Try it out

Frontman works with Next.js, Astro, and Vite (React, Vue, Svelte). Open source and Apache 2.0 licensed.

Give it a try: frontman.sh

Star it on GitHub: github.com/frontman-ai/frontman

Top comments (0)