baseline-ui
Narzędzie do egzekwowania standardów interfejsu i eliminacji błędów w UI generowanym przez AI
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Baseline UI to skill, który chroni Twoją pracę nad interfejsami przed typowymi błędami generowanymi przez AI. Egzekwuje opinionowany zestaw reguł dotyczących Tailwind CSS, komponentów dostępnych (Radix), animacji i interakcji. Możesz zastosować ograniczenia do całej rozmowy lub przeanalizować konkretny plik, aby uzyskać listę naruszeń z konkretnymi sugestiami naprawy. Idealne dla zespołów, które chcą utrzymać spójność i jakość UI bez ręcznego sprawdzania każdego wiersza kodu.
Jak używać
Wpisz /baseline-ui w rozmowie z agentem, aby aktywować skill i zastosować wszystkie reguły do wszelkich prac nad interfejsem w bieżącej sesji. Od tego momentu agent będzie przestrzegać wytycznych dotyczących Tailwind CSS, komponentów Radix, animacji i interakcji.
Jeśli chcesz przeanalizować istniejący plik, użyj /baseline-ui
, gdzie to ścieżka lub zawartość pliku, który chcesz sprawdzić. Agent przejrzy kod względem wszystkich reguł baseline. Agent zwróci raport zawierający trzy elementy dla każdego znalezionego naruszenia: dokładny cytat z kodu, krótkie wyjaśnienie, dlaczego to ma znaczenie, oraz konkretną sugestię naprawy na poziomie kodu.
Przejrzyj sugestie i zastosuj je do swojego kodu. Reguły obejmują wymóg użycia domyślnych wartości Tailwind zamiast niestandardowych, użycia motion/react do animacji, komponentów Radix do interakcji z klawiaturą oraz prawidłowego obsługiwania stanów ładowania i błędów.
Możesz ponownie uruchomić skill na zaktualizowanym pliku, aby potwierdzić, że wszystkie naruszenia zostały naprawione i kod spełnia standardy baseline.