Kombai

A visual editor for your UI.
Full browser context for your agent.

Edit your rendered UI like you would in a design tool. Attach exact elements, screenshots, and inspirations to your prompts. Or let Kombai run the browser autonomously with full access to DevTools data.

Browser mode demo
Play around with this interactive demo
Kombai
Kombai

The AI Agent Built for Frontend

Build, refactor, test, and improve any part of your frontend

localhost:3000
Kombai
Pulse

Growth Metrics

Track performance signals and surface trends across your entire product.

Health Overview

⚠At Risk

Activation Funnel

Step 3 completion fell 18% this week, users abandon before connecting their first data source.

Signups

2.4K

Drop-off

54%

Surface anomalies and performance regressions before they impact users.

Growth Trends

✓On Track

Revenue Pipeline

Upsell conversions up 22% this quarter driven by usage-based triggers in the growth tier.

MRR

$184K

Growth

+22%

Track adoption patterns and usage momentum across key segments.

Browser tools built for frontend

Inspect, tweak, and refine UIs using the Kombai browser extension. Send your changes to the agent for final code implementation.

KombaiKombai
Connected:nutrizen-app
Design
CSS
Text Styles
Manrope
Font Weight
Semi-bold (600)
Font Size
↑A14px
Color
Solid
#1C1917100%
Line Height
IA20px
Letter Spacing
AV-0.25px
Transform
Ab
Aa
AA
aa

Edit text, styles, and layout

Click any element to quickly update its text or CSS properties. Use design tokens from your repo, or switch to a DevTools-like UI to edit raw CSS.

Rearrange and delete elements

Drag elements around to test new page structures, or press delete to remove them from the page. No need to touch your codebase just to explore a change.

KombaiKombai
Connected:nutrizen-app
What needs to be updated?
Send to agent
Deleted 1 element
delete-1Delete
Deletedsection.hero-search

Send precise browser-context to Kombai

Attach the exact elements, snips, or edits you want Kombai to work with. Code references, screenshots, and browser data come along automatically.

Target DOM elements

Add DOM elements to your prompts in a click. Relevant screenshots and code references are also attached automatically.

div-11div-9p-8
This sidebar has hardcoded nav items. Refactor them into a reusable component that accepts a config array and supports collapsible sections
Send to agent

Add code-aware screenshots

Snip any area on your screen to add visual context to your prompts. Kombai automatically maps your screenshot to the relevant DOM elements and code references.

snip-3snip-2snip-1
These metric cards repeat the same layout. Extract a shared KPI card component and add a summary row above them showing total users, revenue, and growth rate
Send to agent

Turn visual edits into code

Use the visual editor to make changes directly on the page. Then send them to Kombai to implement in your codebase, with optional prompts.

Text Styles
Manrope
Font Weight
Regular (400)
Font Size
↑A16px
Color
Solid
#171717100%
Line Height
IA24px
Letter Spacing
AVnormal
Transform
Ab
Aa
AA
aa

Assemble multi-tab context in a single prompt

Bring together elements and screenshots from any browser tab into the same prompt. Show Kombai the target UI, the inspiration, and every relevant state without trying to compress it all into words.

Use specific parts from an reference or inspiration

Nord
3
Light fashion flat lay by engin akyurt on Unsplash
div.hero1

Wear the cosmos

Shop now
Lookbook
Light consumer app background on Unsplash
Arcv2.0
div.hero2
ImagineBuildDeploy
Launch app
Read docs
div.hero1×div.hero2×
Replace the "div.hero1" element's current styling and position with "div.hero2".
Send to agent

Pull in components, styles or content from any website to improve specific parts of your page. Attach all sources and targets in the same prompt as snips or DOM elements.

Work across states and variants at once

FinPilot
Summary
Expenses
Savings
Goals
svg.pie-chart
Total84%
Salary
$1,60032%
Investment
$1,10022%
Savings
$90018%
$5,000
Income
$3,501
Expenses
$1,499
Saved
FinPilot
Summary
Expenses
Savings
Goals
TransactionCategoryAmount
Rent — April
Rent-$1,600
Whole Foods
Food-$142.80
Con Edison
Utilities-$94.30
Metro Card
Transport-$127.00
ASOS Order
Shopping-$89.99
svg.pie-chart×table.expenses×
Visualize my expenses by category using this pie chart style. Show each category as a colored slice with its total spend
Send to agent

Capture multiple states and variants of components or sections in one go. Open each in a separate tab, then attach the relevant elements or screenshots in the same prompt.

Full browser data, available on demand

Whenever needed, Kombai can fetch relevant browser data from any open tab. This works whether you're prompting manually from the browser or the agent is operating it.

Console logs

Spot runtime errors and warnings without copy-pasting from the console.

Performance metrics

Diagnose slow renders and other performance bottlenecks.

Network requests

Trace API calls, payloads, and failed requests.

Rendered DOM & styles

See the actual rendered output, not just the source code.

Raw CSS Rules

Inspect the raw CSS rules behind any element on the page.

Questions?
We've got answers.

Try Kombai Now

Kombai is a domain-specialized design and coding agent that builds world-class Frontends. Build beautiful, production-ready UXs with all frontend specific skills, context, features and tools today.

Kombai