baseline-ui
Enforces an opinionated UI baseline to prevent AI-generated interface slop.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Enforces an opinionated UI baseline to prevent AI-generated interface slop.
How to use
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.