sie 2026
Baza wiedzy UI/UX dla agentów AI
Przewodnik projektowy, playbook budowy i rejestr reguł, które agenci kodujący czytają przed budową interfejsu
- AI
- Baza wiedzy
- Czas trwania
- 1 miesiąc
- Rola
- Projekt i autorstwo własne, z Claude Code jako współautorem
Przegląd
Uporządkowana baza wiedzy projektowej, którą Claude Code lub dowolny agent kodujący czyta podczas budowy stron, dashboardów i aplikacji. Zawiera 21-rozdziałowy przewodnik projektowy oparty na filmach UI/UX Kole Jaina, playbook budowy z sześcioma punktami kontrolnymi, rejestr ustalonych reguł i sprawdzone zasoby do budowy.
Narzędzia
- Claude Code
- Markdown
- Next.js
- Tailwind CSS
- shadcn/ui
Dlaczego interfejsy budowane przez agentów wyglądają generycznie
Agenci AI piszący kod tworzą kompetentne, ale generyczne interfejsy: niejasny prompt daje statystyczną średnią, model nigdy nie widzi tego, co wyrenderował, a bez design systemu wartości rozjeżdżają się między stronami. Porady projektowe z filmów są rozproszone, czasem sprzeczne, a czasem nieaktualne dla prawdziwego buildu w Next.js i Tailwind 4.
Co zawiera
Rdzeniem jest 21-rozdziałowy przewodnik wydestylowany z ok. 50 filmów UI/UX Kole Jaina, z konkretnymi wartościami dla typografii, kolorów, układu, odstępów, komponentów, dashboardów, wersji mobilnej, formularzy, tabel, procesu zamówienia, animacji i antywzorców. Obok znajduje się synteza 201 filmów o tym, dlaczego frontendy budowane przez AI zawodzą i co je naprawia, przeanalizowanych przez 10 równoległych agentów Opus. Katalogi zasobów wymieniają ok. 76 repozytoriów shadcn z ich licencjami oraz 18 API zdjęć i wideo ze ściągawką licencyjną.
Jak korzysta z niej agent
Playbook budowy prowadzi projekt przez fazy od 0 do 8 z sześcioma bramkami: zatwierdzone referencje przed kodem, plik projektu przed postawieniem szkieletu aplikacji, prawdziwe teksty i materiały, warianty sekcji hero, kontrola zrzutów ekranu na komputerze i telefonie oraz audyt antywzorców z buildem i lintem. Rejestr decyzji rozstrzyga 14 konfliktów między źródłami, np. dotyczących czasu animacji i Lucide jako domyślnego zestawu ikon. Plik routingu kieruje każdy rodzaj zadania tylko do potrzebnych mu plików.