Opisz stronę, odbiorców i to, co muszą zrobić. Okou mapuje hierarchię informacji, bloki treści, interakcje i responsywne zachowanie w makietę, którą możesz dopracować lub zbudować.
Kreator makiet AI powinien robić więcej niż tylko zwracać szarą wersję gotowego projektu. Decyduje, co pojawia się najpierw, co może poczekać, która akcja jest główna i co dzieje się, gdy dane są puste, wolne, nieprawidłowe lub kompletne.
Poproś o HTML, gdy potrzebujesz klikalnego artefaktu, SVG dla przenośnego wizualizacji lub ustrukturyzowanej specyfikacji, gdy następnym krokiem jest implementacja.
Od jednej strony marketingowej do kompletnego przepływu produktu.
Hierarchia wiadomości, dowody, zastrzeżenia i jedna ścieżka konwersji przed rozpoczęciem projektowania wizualnego.
Kroki, walidacja, postęp, prośby o pozwolenie i pierwszy udany moment produktu.
Gęstość informacji, filtry, nawigacja, puste stany i działania, które należą obok danych.
Tabele, formularze, kolejki, działania masowe i obsługa wyjątków dla pracy operacyjnej.
Przepływ pracy przenosi tę samą zatwierdzoną strukturę do treści, implementacji i opublikowanego artefaktu recenzji.
Otwórz kompletne responsywne artefakty, aby sprawdzić hierarchię, stany interakcji, adnotacje i zachowanie na urządzeniach mobilnych, a nie spłaszczoną makietę.
Oryginalne przykładowe dokumenty są w języku angielskim.
Responsywna strona SaaS o niskiej wierności z adnotacjami o hierarchii, przepływie konwersji i układaniu na urządzeniach mobilnych.
Pięć połączonych ekranów wprowadzania z postępem, zachowaniem pomijania, sprawdzaniem poprawności i wyraźnym stanem błędu.
Obszar roboczy operacji agenta na komputerze obejmujący stan, koszty, awarie, łączniki, zachowanie responsywne i stany systemu.
Zachowaj zatwierdzoną strukturę i pozwól Okou pisać, budować i publikować działającą wersję.
GitHub
Vercel
PlausiblePołącz aplikacje zawierające najnowsze materiały źródłowe. Wykorzystaj kroki jako przepływ pracy. Dodaj automatyzację tylko wtedy, gdy przepływ pracy powinien rozpocząć się od wyzwalacza lub harmonogramu.
Tak. Poproś o hostowany prototyp HTML, gdy nawigacja i interakcja są ważne, lub SVG, gdy potrzebujesz tylko układu.
Tak. Podaj zrzuty ekranu, odniesienia do komponentów lub link do systemu projektowego i nazwij, które ograniczenia muszą zostać zachowane.
Tak. Zachowaj zatwierdzony wireframe jako brief i poproś Okou o wdrożenie i opublikowanie witryny lub przekazanie specyfikacji do przepływu pracy repozytorium.
Okou posiada również generator schematów blokowych AI i kreator pulpitów nawigacyjnych AI.
Zachowaj zatwierdzoną strukturę i pozwól Okou pisać, budować i publikować działającą wersję.
