Наталя ХандусенкоAI Eng
5 August 2026, 13:09
2026-08-05
Ukrainian IT guy created a CLI tool that simplifies front-end development with AI and saves tokens
Developing user interfaces using artificial intelligence has become a daily routine for many programmers. However, during work, a significant obstacle arises: the AI assistant remains “blind” to what is actually happening in the browser. Software engineer Andriy Sushko faced this problem in practice and developed his own solution that significantly optimizes interaction with AI agents and saves money.
Developing user interfaces using artificial intelligence has become a daily routine for many programmers. However, during work, a significant obstacle arises: the AI assistant remains “blind” to what is actually happening in the browser. Software engineer Andriy Sushko faced this problem in practice and developed his own solution that significantly optimizes interaction with AI agents and saves money.
What is the problem?
When debugging a frontend, AI needs access to the console, network requests, and the current DOM state. The standard approach of using MCP servers or tools like Playwright CLI has proven ineffective for several reasons:
Huge token costs: MCP servers transfer excessive amounts of context, which instantly exhausts limits and increases the cost of requests.
Isolated sessions: Playwright CLI opens a new browser window each time. This eliminates the need for developers to interact with the interface manually, log in, or go through complex user scenarios in parallel.
To solve these problems, Andriy created a lightweight terminal client that works via the Chrome DevTools Protocol (CDP).
How browser-inspect-cli works
The tool is based on a background process (capture daemon) that connects to an open Chrome browser via CDP.
Launch: The br-start command launches Chrome with remote debugging and a background recording process.
Logging: The daemon maintains a single connection and continuously records all events (console messages, critical page errors, network requests with response bodies) to a local file ~/.browser-cli/events.jsonl.
Point-to-point access: All read commands only access this log. This allows you to instantly get a snapshot of what has happened in the browser since launch, without having to maintain a constant, heavy context.
To integrate with Claude Code or other AI agents (e.g. Cursor), simply add instructions to the CLAUDE.md file. After reading the result of the br-help --ai command, the assistant starts calling the CLI on its own and requesting only the necessary information with short commands:
br-console --errors — get only errors from the console;
br-network — view lists of network requests;
br-request 17 — expand the details of specific request No. 17;
br-dom "#app" — take a slice of a specific DOM element;
br-screenshot — take a screenshot of the page;
br-reset — clear accumulated events.
The development was created for personal use, but it showed high efficiency: the developer remains in full control of the browser, the AI receives accurate and concise data without unnecessary "noise". This allows you to save thousands of tokens on each debugging session.
Realizing the convenience of the tool, Andriy Sushko published it in open access: GitHub and npm .
Як нейромережі бачать вільну та незалежну Україну? Тест dev.ua
Нейронні мережі для генерації зображень бачать світ по-своєму, їхню логіку зрозуміти часом зовсім неможливо. Але таки хочеться. На честь Дня Незалежності України редакція dev.ua вирішила провести невеликий експеримент.
Ми задали чотирьом різним нейронним мережам п’ять однакових запитів: «прапор України», «День Незалежності України», «український Крим», «перемога України» та «українці». Отриманими результатами ми ділимося з вами нижче.
У TikTok тепер можна генерувати фон за допомогою нейромережі. Ми протестували її та ділимося результатами
У TikTok з’явилася нова функція «Розумний фон». З її допомогою як фон для тіктоків можна підставляти згенеровані нейромережею зображення. Редакція dev.ua протестувала цю технологію і ділиться своїми враженнями.
