
Mój Cały PROCES Projektowania Designów z AI (Claude Code + Codex)
Prezentacja sprawdzonego procesu projektowania i publikacji landing page'a za pomocą agentów AI bez umiejętności graficznych i programistycznych. Materiał skierowany do twórców projektów pobocznych, soloprzedsiębiorców i deweloperów szukających wydajnego workflow.
- Referencje (Pinterest, Dribbble, Mobbin): Zbieranie wizualnych inspiracji przed generowaniem kodu zapobiega tworzeniu przeciętnego, generycznego interfejsu (tzw. AI slop).
- Ego-browser: Bezpłatna przeglądarka agentowa na silniku Chromium (dostępna dla macOS i Windows), pozwalająca agentom AI na samodzielne przeszukiwanie sieci w ramach zalogowanych sesji użytkownika.
- Komponenty UI (Watermelon UI, 21st.dev): Wykorzystanie gotowych bibliotek z dostępem przez MCP/CLI umożliwia agentom składanie spójnego interfejsu na bazie istniejącego kodu.
- Generowanie assetów (Higgsfield MCP, GPT Image 2): Tworzenie dedykowanych grafik i elementów bez tła dopiero po ułożeniu struktury strony (w zaprezentowanym etapie zużyto 35 kredytów Higgsfield).
- Testy (Ego & zestaw skillów Matta Pococka): Automatyczna weryfikacja widoków desktopowych i mobilnych oraz przygotowanie testów jednostkowych bezpośrednio przez agenta.
- Wdrożenie (Hostinger Connector): Publikacja gotowej strony statycznej na hostingu z certyfikatem SSL za pośrednictwem wtyczki integrującej agenta z hostingiem.
- Critiqueto (Grok Bot): Użycie wyspecjalizowanego bota do audytu UX/UI, który ocenia stronę i generuje gotowe instrukcje poprawek dla agenta programującego.



