ui-design
Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade design with exceptional aesthetic quality.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade design with exceptional aesthetic quality.
How to use
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.