Design In The Browser

What it does

Design In The Browser lets you point at any element on your website and tell AI what to change. Click a button, a heading, or select text — describe your edit in plain language, and it sends the instruction (with a screenshot) directly to Claude Code, Cursor, or Gemini CLI running in the built-in terminal. No more copying selectors or describing layouts in chat. You see it, you change it, and AI does it. Supports multi-edit queuing, responsive viewports, and your preferred code editor.

A free app that puts your browser, editor, and AI in one window. No more pasting screenshots to explain which button you mean — click it, and Claude or Codex writes the code. Been using this since yesterday. This is phenomenal. Thank you. This tool is exceptional and super precise at what it does. It deserves way more recognition. No more paragraphs explaining which button you mean. Click it, and AI gets the exact element — source file, line number and all. Click any element to tell AI what to change. No screenshots needed. Drag a box around any area to give AI the visual context it needs. Select multiple elements, queue up changes, send them all at once. Drop in one or more screenshots and…from dosmos.app

• 
  Qwen3-4B with the AI writing tics trained out2d ago · 100toolkit.com · ▲154

  I use the Claude Code web interface a lot, it's great for picking up sessions on the go, continuing work from my phone, or just when I don't want to open a terminal. But there was one thing that kept annoying me: the tab switching. Every time Claude pushed a change, I'd switch to the Netlify tab, refresh, check the result, switch back, type feedback. Tools like Lovable figured this out a while ago; they put the live preview right next to the chat. So I built a Chrome extension that does the same thing for Claude Code: a resizable panel that sits alongside your conversation and shows your…

• 
  slicer.devMar 2026 · slicer.dev · ▲164

  Copy interactive web components as AI prompts

• 
  Design ModeMay 2026 · designmode.app · ▲10

  Design directly in the browser. Your agent writes the code.

• 
  DraftlyDec 2025 · draftly.live · ▲95

  Turn plain English into editable UI components & designs

• 
  PlannotatorApr 2026 · github.com · ▲97

  I started this in January as a hook for Claude Code's plan mode: when it finished planning, instead of approving a wall of text in the terminal, the plan opens in your browser and you could mark it up like a document. Your annotations go back into the agent session. It grew from there. There's now PR-style code review (git, jj, p4, GitHub/GitLab PRs) and annotation for markdown, URLs, and folders. Agents produce a lot of HTML now, so Plannotator renders those artifacts and lets you annotate them too. Nine harnesses are supported: Claude Code, Codex, Copilot CLI, Gemini, OpenCode, Kiro,…

• GC
  Give Claude Code control of your browser (open-source)2025 · cli-agents.click · ▲10

  As I started to use Claude Code to do more random tasks I realized I could basically build any CLI tool and it would use it. So I built one that controls the browser and open-sourced it. It should work with Codex or any other CLI-based agent! I have a long term idea where the models are all local and then the tool is privacy preserving because it's easy to remove PII from text, but I'd definitely not recommend using this for anything important just yet. You'll need a Gemini key until I (or someone else) figure out how to distill a local version out of that part of the pipeline. Github link:…

• 
  /dev/null▲429

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲337

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 19d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Rork Max▲1,428

  Best AI for iOS apps. Website that replaces Xcode

  Life & fun · Feb 2026 · rork.com

• 
  happycapy▲1,365

  The agent-native computer, for the rest of us

  AI · Feb 2026 · happycapy.ai

• 
  SuperX▲897

  All-in-one growth OS for serious 𝕏 creators

  AI · Feb 2026 · superx.so

• 
  KiloClaw▲868

  Hosted OpenClaw. No Mac mini required.

  Dev tools · Feb 2026 · kilo.ai

• 
  Lovon AI Therapy▲801

  Feel closer and have more fun with your partner every day!

  AI · Feb 2026 · lovon.app

• 
  I spent 3 years reverse-engineering a 40 yo stock market sim from 1986▲721

  Hello my name is Ben Ward for the past 3 years I have been remastering the financial game Wall Street Raider created by Michael Jenkins originally on DOS in 1986. It has been a rough journey but I finally see the light at the end of the tunnel. I just recently redid the website and thought maybe the full story of how this project came to be would interest you all. Thank you for reading.

  Work · Feb 2026 · wallstreetraider.com