Devtool AI
FlowTap
Narzędzie do automatycznego przechodzenia flow w aplikacjach React Native, robienia screenshotów i znajdowania problemów UI przez modele vision.
Opis
FlowTap powstał z frustracji: testy potrafią przechodzić, a ekran i tak wygląda źle. Narzędzie uruchamia aplikację, przechodzi flow, robi screenshoty, analizuje je modelami vision i składa raport HTML z konkretnymi problemami.
Problem
Visual QA w mobile jest ręczne, nudne i łatwo je odpuścić. Klasyczne testy nie powiedzą, że tekst wypadł poza ekran albo layout rozsypał się na innym urządzeniu.
Hipoteza produktowa
Developer powinien móc odpalić jedno narzędzie i dostać listę problemów z kontekstem: screen, miejsce w flow, kategoria błędu i priorytet.
Co zbudowałem
- CLI do testów flow w aplikacjach React Native.
- Supervisor oraz agenci discovery, testów i analizy obrazu.
- Screenshoty, graf ekranów i wykrywanie problemów UI.
- Raport HTML z journey, issue list i diffami.
- Evals jakości runu: coverage, depth, efficiency i delegation quality.
Warstwa AI
Agenci dzielą pracę między eksplorację, wykonanie testu i analizę obrazu. Vision model patrzy na UI jak reviewer: spacing, overflow, hierarchia, czytelność i dostępność.
Architektura
TypeScript monorepo, Turborepo, Mastra.ai, Maestro, modele OpenAI/Gemini/Anthropic i raport HTML. Na razie prywatny. Otworzę go, kiedy uznam, że jest gotowy, nie wcześniej.
Kluczowe decyzje
- Najpierw lokalne CLI, bez przedwczesnego cloud dashboardu.
- Raport czytelny dla człowieka, nie tylko JSON dla maszyny.
- Agenci jako użytkownicy devtoolingu, nie tylko kodu aplikacji.
- Publiczna wersja dopiero po dopracowaniu podstaw.
Efekt / dowód
Działający MVP, który łączy agentów, vision, mobile automation, raportowanie i evals w jednym systemie.
Co dalej
Dokończyć projekt do publicznej wersji, potem GitHub Actions, PR comments, device matrix i cloud dashboard.