UX Pilot

Konwersacyjny projektant UX plus skaner kodu, który oznacza rzeczywiste luki w dostępności (a11y)

Autor: Sakaax · Sakaax/ux-pilot

Działa po konfiguracji ★ 7.2/10

UX Pilot — Konwersacyjny projektant UX plus skaner kodu, który oznacza rzeczywiste luki w dostępności (a11y)

Co robi ten skill

Czterofazowy przepływ pracy UX — pytania odkrywcze, audyt kodu z wynikami ocenionymi pod kątem ważności, serwer podglądu HTML na żywo i eksport do React, Svelte lub Vue — wspierany przez repozytorium 161 palet, 57 par czcionek, 67 stylów i 31 plików reguł. Uruchamia się, gdy poprosisz o audyt UX istniejącej strony, chcesz zaprojektować ekrany produktu przed napisaniem kodu lub chcesz mieć nazwane wersje ekranu obok siebie. Dystrybuowany jako wtyczka Claude Code; samo skopiowanie katalogu umiejętności pozostawia reguły i generator raportów.

Raport z testu

Skierowano prawdziwy skaner repozytorium na celowo uszkodzoną stronę docelową faktur i zwrócił 11 poprawnych ustaleń w jednym przebiegu — brakujący meta tag viewport oznaczony jako krytyczny, dwa obrazy bez alt, trzy wejścia tylko z placeholderem, zakodowana na stałe szerokość 1100px bez zapytania o media, oraz tabela cen bez responsywnego opakowania. Przeprowadzono audyt tego samego pliku ręcznie bez umiejętności i uzyskano 14 problemów, w tym błąd kontrastu tekstu głównego 2.9:1 i słabe wezwanie do działania 'Submit', którego skaner nie szuka; prawdziwą korzyścią umiejętności jest pakowanie, ponieważ przekształca każde znalezisko w kategorie ważności i prompt do kopiowania i wklejania. Utrudnieniem jest instalacja: skopiowanie katalogu umiejętności daje tylko SKILL.md i nic więcej, więc 376 reguł, 161 palet i 57 par czcionek pozostaje w repozytorium, a własny OBOWIĄZKOWY krok audytu — wywołanie generateHtmlAuditReport() — nie ma formy do uruchomienia, ponieważ nie ma zatwierdzonego dist, a pakiet ux-pilot to 404 na npm. Zamiast tego użyj udokumentowanej ścieżki wtyczki. Zauważ również, że pliki reguł i jeden zakodowany na stałe ciąg promptu są w języku francuskim, podczas gdy cała powierzchnia produktu jest angielska.

Testowano: 2026-08-07 · Claude Code 2.x (agent harness)

Instalacja

git clone https://github.com/Sakaax/ux-pilot.git
mkdir -p ~/.claude/skills
cd ux-pilot && cp -r .claude/skills/ux-pilot ~/.claude/skills/ux-pilot

Komendy i przykładowe prompty

  • /ux-pilotKonwersacyjny projektant UX plus skaner kodu, który oznacza rzeczywiste luki w dostępności (a11y)

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • Run a UX audit on this landing page and flag accessibility gaps
  • Design the screens for this product before we write any code
  • Show me three named versions of this screen side by side