Główne zasady współpracy z narzędziem

Krótka lista zasad, które decydują o jakości wyniku. Każda jest rozwinięta w sekcjach poniżej.

• Więcej kontekstu = mniej zgadywania. Im więcej dasz, tym lepszy wynik. Ale możesz też potraktować to jako odkrywanie i ideację — wtedy wystarczy minimum.
• Decyzja po Twojej stronie. Agent pokazuje opcje z trade-offami, Ty wybierasz.
• Sprawdzaj oznaczenia pewności. 🟢 zielone zostaw, 🟡 żółte zweryfikuj, 🔴 czerwone uzupełnij zanim ruszysz dalej.
• Kwestionuj wyniki. Pytaj „dlaczego", proś o alternatywy, każ skracać.
• Dziel projekt na sesje. 1 deliverable = 1 sesja — kontekst chatu ma limit.
• Agent to też konsultant. Pytaj o metodologię, proś o weryfikację Twoich decyzji.
• Pliki = pamięć projektu. Decyzje są zapisywane w bocznym panelu HTML — to most między sesjami.
• Nie wiesz jak? Zapytaj agenta. Zna swój proces i podpowie następny krok — nie musisz domyślać się sam.

Otrzymujesz zestaw plików asystenta AI w wariantach na różne platformy.

• ux-designer-claude/ — Claude Projects (system prompt + pliki wiedzy)
• ux-designer-chatgpt/ — ChatGPT Custom GPT (Instructions + pliki wiedzy)
• ux-designer-gemini-gem/ — Gemini Gems (system prompt + pliki wiedzy, max 10 plików)
• ux-designer-ide/ — Claude Code, VS Code, Cursor, Antigravity oraz inne IDE zgodne ze specyfikacją AGENTS.md

Agent działa na wielu platformach, ale różnią się jakością współpracy. Wersje desktop (IDE) są zwykle wygodniejsze niż chat w przeglądarce — agent ma większą kontrolę nad plikami, lepiej trzyma się procesu i nie tracisz kontekstu, gdy plik jest duży.

• check_circleNajmocniejsza rekomendacja: Claude Code. Szerokie okno kontekstu, głębsze wnioskowanie niż w pozostałych modelach, bardzo dobrze radzi sobie z pisaniem treści. Bywa trochę wolniejszy — to akceptowalny trade-off za jakość.
• check_circleSolidna alternatywa: VS Code z pluginem do LLM (Claude Code, OpenAI Codex, Google Antigravity, Cursor). Pełna kontrola nad plikami, agent stabilnie trzyma się procesu, łatwy powrót do projektu między sesjami.
• infoOK: wersje webowe — Claude Projects, ChatGPT Custom GPT, ChatGPT Projects. Prosty start, ale ograniczenia w pracy z plikami. Czat gorzej obsługuje długie dokumenty, częściej trzeba wgrywać pliki na nowo.
• blockOdradzam: Gemini Gems (web). Ma tendencję do chodzenia swoją ścieżką — pomija instrukcje, robi rzeczy po swojemu, częściej rozjeżdża się z procesem. Jeśli już musisz, włączaj Canvas (inaczej HTML wyświetli się jako kod).

Wybierz platformę i postępuj zgodnie z instrukcjami. Zajmuje to 2-3 minuty.

Wpisz „start" w czacie. Asystent się przedstawi i poprowadzi Cię dalej. Im więcej kontekstu dasz na starcie, tym mniej asystent zgaduje — ale wystarczy jedno zdanie.

• Jeśli masz brief od klienta — wklej go. Asystent wyciągnie persony, cele i wyróżniki
• Sprawdzaj oznaczenia pewności (🟢🟡🔴). Zielone zostaw, żółte zweryfikuj, czerwone uzupełnij
• Jeśli asystent źle zakwalifikował awareness level — popraw go. To zmienia całą strategię strony

Asystent pokazuje opcje z trade-offami. Nie musisz wiedzieć, która jest lepsza — przeczytaj co każda optymalizuje i czym poświęca.

• Nie bój się miksować. „Weź nagłówek z opcji 2 i body z opcji 4" — asystent to obsłuży
• Jeśli żadna opcja nie pasuje, powiedz dlaczego. Asystent zaproponuje nowe
• Mów „pomóż mi podjąć decyzję" kiedy utkniesz. Asystent podsumuje za i przeciw

Praca z tekstami zajmuje najwięcej czasu — i tu jest największa różnica między przeciętnym a dobrym wynikiem. AI pisze generycznie, jeśli nie dostanie konkretnych wytycznych.

• Wrzuć próbki tekstów w swoim stylu — asystent złapie ton, rytm i słownictwo
• Jeśli masz wytyczne językowe (tone of voice, brand book) — przekaż je na starcie
• Nie akceptuj pierwszej wersji. Proś o alternatywy: „daj 3 warianty tego nagłówka"
• Dyskutuj z asystentem o treści — pytaj dlaczego wybrał takie sformułowanie
• Weryfikuj copy pod kątem odbiorcy — asystent zna personę, ale Ty znasz klienta

Asystent nie jest nieomylny. Twoja wiedza o kliencie i rynku jest ważniejsza niż jego wzorce. Kwestionuj, proś o alternatywy, hamuj gdy pisze za dużo.

• „Dlaczego tu nie ma sekcji X?" — asystent wyjaśni czy celowo pominął, czy nie rozważył
• „Czy to nadal potrzebujemy?" — kiedy sekcja wydaje się zbędna po zmianach w innych miejscach
• „Daj alternatywy" — wymusza opcje zamiast jednego rozwiązania
• „Najpierw zidentyfikuj sens tego punktu" — zanim zmienisz tekst, zrozum co ma komunikować
• „Skróć" — AI pisze za dużo, hamuj
• „Czy to się nie powtarza z X?" — asystent sprawdzi redundancję
• „Oceń krytycznie ten wireframe" — włącza tryb audytu, szuka słabych punktów
• Jeśli nie wiesz co dalej — zapytaj asystenta. Zna proces i podpowie następny krok

Agent myśli długo, bo w każdym kroku przetwarza duży kontekst — dokumentację domeny, frameworki, wzorce, Twoje pliki. Czas zależy od tego, ile wkładu dostanie: im więcej dasz, tym szybciej. Najdłuższy kawałek to interakcyjna praca nad treściami w sekcjach — ale i tak szybsze niż wszystko ręcznie w Figmie.

• Discovery + strategia: 10-30 min
• Fundamenty komunikacji: 1-3h
• Mapowanie istniejącej podstrony: 5-15 min
• Wireframe jednej podstrony, sekcja po sekcji: 30-60 min dyskusji
• Krótkie pytania, drobne poprawki: parę sekund
• Jeśli widzisz że agent „myśli" — poczekaj. Przerwanie cofa Cię na początek kroku.

Główny deliverable to pliki HTML — otwierasz w przeglądarce, pokazujesz klientowi bez Figmy. W każdym HTML jest przycisk pobierania Markdown, więc wersję dla narzędzi AI masz w jednym kliknięciu, bez proszenia agenta o eksport.

• Pliki HTML — wireframe, plan projektu, fundamenty komunikacji, draft komunikatów. Otwierasz w przeglądarce, klient nie potrzebuje Figmy
• Markdown jednym klikiem — w każdym HTML jest przycisk pobierania pliku .md gotowego dla innego narzędzia AI. Szybsze niż eksport przez agenta
• Eksport przez agenta — gdy chcesz konkretny fragment lub niestandardowy format, poproś agenta bezpośrednio
• Wireframe → Figma AI: pobierz .md, wklej jako kontekst, visual wireframe w minuty
• Wireframe → Google Stitch / Gemini: wstępny design z gotowym copy
• Wireframe → Cursor / Bolt: asystent do vibe codingu dostaje plan zamiast zgadywania
• Plan projektu → brief dla agencji: wydrukuj HTML lub wyślij link
• Decyzje (boczny panel HTML) → dokumentacja dla klienta: pokaż dlaczego podjęto takie decyzje

Asystent czyta pliki, nie pamięta rozmowy. Wszystko ważne musi być w plikach.

• Po przerwie zacznij od „kontynuuj od wireframe'u" — asystent przeczyta pliki i wróci do kontekstu
• Jeśli zmieniłeś coś ręcznie w pliku — powiedz asystentowi. Inaczej nadpisze Twoje zmiany
• Decyzje zapisują się w bocznym panelu HTML obok wireframe'u — to Twoja pamięć między sesjami

Jeden duży projekt to za dużo na jedną sesję. Kontekst chatu ma limit — po ok. 40% jego zapełnienia agent zaczyna gubić szczegóły, zapominać wcześniejsze decyzje i odpowiadać mniej dokładnie. Dziel projekt na kawałki: 1 deliverable na sesję.

• Discovery + strategia w 1 sesji. Copy w 2. Makieta w 3. Każda sesja zamyka jeden kawałek.
• Restartuj sesję gdy odpowiedzi stają się ogólnikowe lub agent zapomina wcześniejsze ustalenia. To sygnał, że kontekst się zapełnił.
• Decyzje zapisują się w bocznym panelu HTML obok wireframe'u — to Twoja pamięć między sesjami.
• Po przerwie powiedz „kontynuuj od X" — agent czyta pliki i odzyskuje kontekst.

Asystent ma w plecaku 16 typów stron, 13 frameworków UX i wzorce z badań. To nie tylko wykonawca — to też konsultant. Zweryfikuje Twoje decyzje i wyjaśni metodologię.

• „Zweryfikuj moją decyzję" — sceptyczne spojrzenie na Twoją wersję, propozycja co poprawić.
• „Co powinna zawierać sekcja X?" — agent zna wzorce, traktuj go jak konsultanta UX.
• „Jak to się powinno zrobić wg metodologii Y?" — odpowie z odniesieniem do frameworków.
• „Oceń krytycznie ten wireframe" — tryb audytu, szuka słabych punktów.

Kilka rzeczy, które obniżają jakość wyników.

• Nie akceptuj wszystkiego na „ok". Asystent pójdzie dalej, ale wynik będzie gorszy
• Nie pomijaj Discovery. Wireframe bez kontekstu to zgadywanie z lepszym formatowaniem
• Nie próbuj robić wszystkiego w jednej sesji. 2-3h na projekt to realistyczne tempo
• Nie kopiuj deliverables bez przeczytania. Asystent zakłada, Ty weryfikujesz

Agent ma wbudowany kanał feedbacku — wystarczy zwykła rozmowa, bez formularzy ani konta. Działa tylko w wersjach desktop (IDE): Claude Code, Cursor, VS Code z pluginem LLM, Antigravity. W wersjach webowych użyj kontaktu mailowego niżej.

Masz pytania? Napisz na tomasz@creativesparks.pl