ROZWIĄZANIA

Wibar

Wibar to serwer MCP, dzięki któremu asystenci AI widzą, mierzą i przenoszą do kodu interfejsy oraz animacje z przeglądarki internetowej.

Porozmawiajmy o podobnym projekcie

CZYM JEST PRODUKT

MCP, który pokazuje AI przeglądarkę

Prawdziwa strona w przeglądarce

Asystent otwiera stronę w prawdziwej przeglądarce i odczytuje układ, kolory oraz wymiary, zamiast je zgadywać.

Animacje i przewijanie

Przejścia, animacje i zachowanie przy przewijaniu są zapisywane razem ze stroną.

Od projektu do kodu

Wybrana sekcja trafia do projektu z własnymi znacznikami, stylami i zasobami.

Weryfikacja pomiarem

Wynik jest porównywany z zapisem, a pozostałe różnice są zgłaszane.

CO ROZWIĄZAŁ

Od zgadywania do pomiaru

01 / 02

AI, która nie widzi interfejsu

Asystenci AI piszący kod zwykle odtwarzają interfejs na podstawie zrzutu ekranu lub opisu. Odstępy, wymiary i ruch giną w tym domyśle.

02 / 02

Zmierzony zapis projektu

Wibar zamienia stronę w przeglądarce w zmierzony zapis. Asystent odczytuje z niego projekt, przenosi sekcję do projektu i sprawdza wynik na tym samym zapisie.

CO ZBUDOWALIŚMY

Z czego składa się Wibar

Wibar działa jako zestaw narzędzi łączący się z asystentami AI obsługującymi MCP.

Serwer MCP

Narzędzia, dzięki którym asystent bada stronę i przejmuje jej projekt.

Zapis strony

Warstwa przechwytywania, która zbiera znaczniki, style, zasoby i dane o ruchu w jednym zapisie.

Etap weryfikacji

Porównanie sekcji dodanej do projektu z zapisanymi pomiarami.

ROZWIĄZANIA

Zbudujmy razem Twoje narzędzie AI

Porozmawiajmy o podobnym projekcie