Capabilities
Manage tabs
Manage tabs
Kombai can open new tabs, list and switch between open tabs, and close tabs or
the whole browser window to test multi-page and multi-window flows.
Click
Click
Kombai can identify interactive elements in your interface and test the
clickability of these elements. It can perform clicks, double clicks,
right-clicks and hover actions on any visible element on the webpage like
buttons, links, and form fields.
Type
Type
Kombai can identify an input field and type text into it. It fills out forms,
submits data, and interacts with text areas and search boxes.
Scroll
Scroll
Kombai can scroll lengthy pages to reveal more content, find specific
elements, and explore large documents.
Screenshot
Screenshot
Kombai can take screenshots to understand page layouts, verify visual
elements, and provide visual confirmation of its browser actions.
Snip a region
Snip a region
Kombai can select a rectangular region of the page and detect the elements
inside it, returning a cropped image along with the matched elements. This helps
when an area is easier to point at by coordinates than to describe by selector.
Inspect elements and styles
Inspect elements and styles
Kombai can read the page’s DOM structure and the computed CSS of any element,
covering layout, typography, color, spacing, borders, flex/grid, transforms, and
more. It uses this to understand how the UI is built before it suggests or makes
changes.
Inspect React components
Inspect React components
On React apps, Kombai can map any element to its nearest React component and
read the component’s name, props, state, and source file location. This traces
what you see on screen back to the code that renders it.
Detect frameworks
Detect frameworks
Kombai can detect the UI frameworks running on a page (such as React, with its
version) to tailor how it inspects and edits the application.
Read design tokens
Read design tokens
Kombai can read the CSS custom properties (variables) declared on the page, such
as your color, spacing, and typography tokens, so its style changes stay
consistent with your design system.
Edit the page live
Edit the page live
Kombai can make live, in-page changes to preview a result before writing any
code, including applying or removing CSS, editing text, moving or deleting
elements, and injecting fonts or animations.
Wait for hot reload
Wait for hot reload
After editing your source, Kombai can wait for the dev server’s next Hot Module
Replacement event (Vite, Webpack, Next.js, Turbopack, Remix, Parcel, esbuild)
before re-inspecting. This enables a reliable edit, reload, and verify loop.
Console errors
Console errors
Kombai can monitor the browser console to troubleshoot problems and check page
behavior by reading JavaScript errors, network warnings, and debugging output.
Network requests
Network requests
Kombai can monitor the page’s HTTP requests and responses, allowing it to
track API calls, analyze payloads, check status codes, and diagnose network
issues.
Performance metrics
Performance metrics
Kombai can measure the page’s performance, including Core Web Vitals (LCP, CLS,
INP, FID) with good / needs-improvement / poor ratings, loading metrics (FCP,
TTFB, TBT, TTI), transfer size, and JavaScript heap usage, to help identify and
optimize performance bottlenecks.
Accessibility and SEO audits
Accessibility and SEO audits
Kombai can audit the current page for accessibility and SEO issues and report
what to fix.