Narzędzia Zaawansowane · Inspekcja DOM, Kod i Prototypy

Aktywna Przeglądarka AI, edytor MaksCode i Projektant

Poza kreatorem rozmownym i panelem CMS platforma oferuje trzy wyspecjalizowane narzędzia inżynieryjne: Aktywną Przeglądarkę AI (M14) z kursorem Ghost Cursor i znacznikami Set-of-Mark (@e1..@eN), szybki edytor webowy MaksCode oraz Projektanta do porównywania wariantów wizualnych od briefu.

@e1..@eNznaczniki Set-of-Mark DOM
Ghostkursor po krzywych Beziera
Point&Clickwskazywanie elementu myszą
IDE + Terminalpełna kontrola nad kodem
AKTYWNA PRZEGLĄDARKA AI (M14) · SET-OF-MARK & GHOST CURSOR
@e1 Nagłówek Hero H1 @e2 Formularz wyceny input[name="telefon"] @e3 Wyślij zapytanie → INSPEKCJA POINT-AND-CLICK + AUTOMATYCZNY TEST INTERAKCJI Klikasz element na podglądzie, a agent AI dostaje dokładny selektor CSS i modyfikuje tylko to miejsce
Trzy narzędzia precyzyjnej kontroli

Jak działają Przeglądarka AI, MaksCode i Projektant?

Każde z tych narzędzi rozwiązuje konkretne wyzwanie podczas tworzenia i rozwoju stron oraz aplikacji webowych.

MODUŁ M14 · PRZEGLĄDARKA AI

Aktywna Przeglądarka AI i Point-and-Click DOM

Wbudowana bezpośrednio w okno podglądu app.maksbronk.pl. Pozwala zarówno Tobie wskazywać elementy myszką, jak i agentowi AI samodzielnie przeklikać wygenerowaną stronę.

  • Wskaż element myszą (Inspektor DOM): klikasz konkretny przycisk, kartę lub nagłówek na podglądzie i piszesz „Zmień tylko ten element”.
  • Set-of-Mark (@e1..@eN): agent numeruje wszystkie interaktywne kontrolki na ekranie i testuje ich działanie.
  • Ghost Cursor: wizualny kursor poruszający się po krzywych Beziera wypełnia formularze i sprawdza kalkulatory na żywo.
PROTOTYPOWANIE · PROJEKTANT

Projektant (designer.ai-max.eu)

Środowisko do szybkiego prototypowania od briefu na otwartym płótnie projektowym. Idealne, gdy przed wdrożeniem chcesz zestawić obok siebie kilka koncepcji wizualnych.

  • Wiele ekranów na jednym płótnie: oglądasz jednocześnie wersję desktopową, mobilną oraz alternatywne wari kolorystyczne.
  • Praca od krótkiego briefu: generujesz spójny system tokenów (kolory, typografia, karty) przed budową pełnego serwisu.
  • Płynne przejście do AI-MAX: zaakceptowany prototyp rozwijasz dalej z bazą SQLite i Reaktorem CMS.
WEB IDE · MAKSCODE

MaksCode — lekki edytor kodu i terminal

Dla użytkowników technicznych i programistów, którzy chcą zajrzeć bezpośrednio pod maskę projektu, edytować pliki PHP/JS/CSS lub uruchomić komendy w terminalu.

  • Drzewo plików i edytor wielokartowy: błyskawiczny podgląd i edycja każdego pliku w projekcie bez instalowania czegokolwiek na komputerze.
  • Punkty kontrolne (Checkpoints): możliwość cofnięcia projektu do dowolnego wcześniejszego stanu jednym kliknięciem.
  • Wspólna przestrzeń projektów: Twoje projekty są od razu widoczne zarówno w AI-MAX, jak i w edytorze kodu.
Poznaj cały ekosystem

Szczegółowe opisy wszystkich modułów platformy