Use cases

Built for everyone who touches the UI

Real workflows for designers, engineers, QA, product teams and agencies.

Vibe coding with Claude Code

DIVE is a browser extension for Chrome, Firefox and Safari that edits the rendered page. Claude Code is a coding agent that implements changes in a repository it can access. The loop is: decide the look in the browser, ask Claude Code to implement a scoped change, then review the source diff. DIVE is not Claude's editor, and it does not write your files.

Visual editing with Cursor

Cursor's built-in design mode lives inside the editor. DIVE is a browser extension that edits the actual rendered page. Use them together when you want live layout, fonts, and states in the browser, then ask Cursor to implement only the scoped change in the repo you already opened. Cursor does not commit automatically.

Redesign any website

Most design tools want you to start in a file. DIVE lets you start on a rendered page the extension can script (your site, a staging URL, or another scriptable page) and redesign it visually in your browser. It does not bypass browser protections, and the preview is not a source change.

Design review in production

Design reviews on staging always end the same way: a Loom recording, a Notion doc full of screenshots, and engineering scrambling to interpret ambiguous arrows. DIVE collapses that into one structured artefact.

Tailwind component tuning

Tailwind makes building UI fast and tuning it slow, once you have utility classes, you're guessing at numeric increments. DIVE gives you a visual handle on every Tailwind class and emits the diff your AI agent can translate back to utilities.

Figma-to-code without Figma

Figma is a great file format. It's not always the right tool for a one-person team iterating on a real, deployed product. DIVE lets you skip the mock layer entirely.

UI testing, export visual bugs to developers with full context

Visual bugs are the worst category of bug to report and the worst to receive. A screenshot plus a sentence isn't enough context; a Loom video is too much. DIVE gives you a third option, annotate visually and export a precise, structured diff that ships with every detail a developer needs.

Bug reports with a visual diff

PMs and designers file most of the visual bugs. Engineering has to translate ambiguous descriptions into code changes. DIVE bridges the two, annotate the bug visually, export a developer-ready diff.

Copy edits without a PR

Marketing teams ship copy changes all day. Every "can we change this headline?" turns into a Slack thread, a Figma comment, and finally a PR, for what amounts to seven words. DIVE removes every middle step.

Accessibility quick fixes

Most accessibility issues are visual, contrast ratios, small type, missing focus states, low-touch targets. DIVE catches and fixes all four directly in the browser.

Landing-page iteration for indie hackers

If you're a solo founder, the landing page is your conversion funnel and your weekend project. DIVE + an AI agent is the fastest way to test a hypothesis on the rendered page.

Client handoff: agency to engineering

Agency design reviews often happen on the client's staging URL with three people on a call. DIVE turns that ad-hoc conversation into a structured artefact engineering can act on.

Design-system audit on a deployed app

Design systems decay. Engineers under deadline reach for raw hex codes; designers hand off without checking tokens; a year later the deployed app uses 14 shades of grey. DIVE is the fastest way to find and fix the drift.