Toolverse
All skills

ui-ux-designer

by sickn33

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
sickn33
Category
UX / Design
Views
49

About this skill

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.

How to use

  1. Zainstaluj umiejętność w swoim agencie Claude, wskazując repozytorium sickn33/antigravity-awesome-skills i ścieżkę skills/ui-ux-designer. Upewnij się, że masz dostęp do Figmy lub innego nowoczesnego narzędzia projektowego.

  2. Zanim zaczniesz projekt, wyjaśnij cele, ograniczenia i wymagane dane wejściowe. Opisz, czy pracujesz nad systemem designu, przepływami użytkownika, czy optymalizacją istniejącego interfejsu.

  3. Poproś umiejętność o zastosowanie odpowiednich praktyk branżowych — metodologię atomic design, tworzenie design tokenów (Figma Variables, Style Dictionary) lub dokumentację biblioteki komponentów, w zależności od Twoich potrzeb.

  4. Uzyskaj konkretne kroki działania i listy kontrolne. Umiejętność zapewni wytyczne dotyczące dostępności, spójności między platformami (web, mobile, desktop) i handoff'u między designem a rozwojem.

  5. Jeśli potrzebujesz szczegółowych przykładów, otwórz plik resources/implementation-playbook.md z repozytorium, aby znaleźć konkretne scenariusze i szablony.

  6. Zweryfikuj wyniki — sprawdź, czy komponenty są dokumentowane, design tokeny są spójne, a interfejs spełnia standardy WCAG dla dostępności.

Related skills