Inżynieria odwrotna
Czym jest Inżynieria odwrotna?
Inżynieria odwrotna to narzędzie Kaiju Hub AI do konwersji obrazu na kod i obrazu na szkielet, kierowane ramkami ograniczającymi. Prześlij dowolny obraz — zrzut ekranu, makietę projektową lub zdjęcie interfejsu użytkownika — i użyj ramek ograniczających, aby zidentyfikować i skierować, co każdy element na obrazie powinien robić. Konwertuj wynik na działający kod lub układ szkieletu.
Tworzenie projektu inżynierii odwrotnej
Kliknij przycisk + Nowy Projekt Inżynierii Odwrotnej, aby utworzyć nowy projekt. Nadaj mu nazwę i opis, aby utrzymać porządek w pracy nad inżynierią odwrotną.
Jak to działa
Prześlij obraz
Prześlij zrzut ekranu, makietę projektową lub dowolny obraz interfejsu użytkownika do narzędzia Inżynieria odwrotna.
Rysuj lub automatycznie wykrywaj ramki ograniczające
Ręcznie rysuj ramki ograniczające wokół elementów UI lub użyj automatycznego ramkowania AI do automatycznego wykrywania elementów. Każda ramka wyróżnia odrębny komponent na obrazie.
Kieruj zachowaniem elementu
Dla każdej ramki ograniczającej zdefiniuj, co powinno się stać — na przykład kliknięcie przycisku otwiera modal, link nawigacyjny przechodzi do innej sekcji lub karta wyświetla konkretną treść.
Generuj kod lub szkielet
Konwertuj opisany obraz na działający kod komponentu w docelowym frameworku lub eksportuj jako układ szkieletu do dalszej edycji w narzędziu Szkielet.
Kluczowe funkcje
Przesyłanie obrazu
Przeciągnij i upuść lub przeglądaj, aby przesłać dowolny obraz — zrzuty ekranu, makiety, zdjęcia ręcznie rysowanych szkiców lub istniejące UI aplikacji.
Adnotacja ramkami ograniczającymi
Rysuj precyzyjne ramki ograniczające wokół poszczególnych elementów UI, aby wyizolować je do generowania kodu lub przypisywania zachowań.
Automatyczne ramkowanie AI
Pozwól AI automatycznie wykryć i oramkować elementy UI na Twoim obrazie, oszczędzając czas przy złożonych układach z wieloma komponentami.
Kierowanie zachowaniem
Przypisuj zachowania do oramkowanych elementów — definiuj, co powinno się stać po kliknięciu, najechaniu lub interakcji z każdym elementem w wygenerowanym kodzie.
Podwójne wyjście
Generuj działający kod (w docelowym frameworku) lub układ szkieletu, który może być dalej udoskonalany w narzędziu Szkielet.