ui-design
Profesjonalne projekty interfejsów UI dla stron, aplikacji i prototypów z wytycznymi designu
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność do tworzenia interfejsów użytkownika na poziomie produkcyjnym. Pomaga w projektowaniu stron internetowych, interfejsów mini-aplikacji, komponentów frontendowych i prototypów z wyraźnym kierunkiem estetycznym. Przed napisaniem kodu generuje specyfikację designu obejmującą cel, paletę kolorów, typografię i zachowanie wizualne. Integruje się z wytycznymi web-development i miniprogram-development.
Jak używać
Aktywuj umiejętność ui-design w Claude lub Copilot, gdy pracujesz nad interfejsem użytkownika — stroną internetową, mini-aplikacją, komponentem frontendowym lub prototypem.
Przed napisaniem jakiegokolwiek kodu (JSX, WXML, CSS) poproś umiejętność o wygenerowanie specyfikacji designu. Specyfikacja powinna zawierać: cel interfejsu, kierunek estetyczny, paletę kolorów, typografię, odstępy i zachowanie wizualne.
Zdefiniuj wyraźny kierunek estetyczny zamiast polegać na generycznych szablonach AI. Opisz, jaki styl wizualny chcesz osiągnąć — minimalistyczny, nowoczesny, klasyczny lub inny.
Sprawdź ograniczenia platformy docelowej (web, mini-program) i upewnij się, że specyfikacja designu jest z nimi zgodna. W razie potrzeby odwołaj się do umiejętności web-development lub miniprogram-development.
Dopiero po zatwierdzeniu specyfikacji designu pozwól umiejętności napisać kod interfejsu z uwzględnieniem wszystkich wcześniej zdefiniowanych decyzji wizualnych.
Nie używaj tej umiejętności do zadań backendowych, projektowania baz danych ani czystej logiki biznesowej bez komponentów UI.