UX Pilot
Konversations-UX-Designer plus ein Code-Scanner, der echte a11y-Lücken markiert.
Funktioniert mit Setup
Was es kann
Ein vierphasiger UX-Workflow — Discovery-Fragen, ein Code-Audit mit nach Schweregrad bewerteten Ergebnissen, ein Live-HTML-Vorschau-Server und Export nach React, Svelte oder Vue — unterstützt durch ein Repo mit 161 Paletten, 57 Schriftpaarungen, 67 Stilen und 31 Regeldateien. Wird ausgelöst, wenn Sie ein UX-Audit einer bestehenden Seite anfordern, die Bildschirme eines Produkts vor dem Schreiben von Code entwerfen möchten oder benannte Versionen eines Bildschirms nebeneinander sehen möchten. Wird als Claude Code-Plugin verteilt; das Kopieren des Skill-Verzeichnisses allein lässt die Regeln und den Berichtsgenerator zurück.
Testbericht
Ich habe den echten Scanner des Repos auf eine absichtlich fehlerhafte Rechnungs-Landingpage gerichtet, und er lieferte in einem Durchlauf 11 korrekte Ergebnisse — fehlendes Viewport-Meta als kritisch markiert, zwei Bilder ohne alt-Attribut, drei reine Platzhalter-Eingabefelder, eine fest codierte Breite von 1100px ohne Media Query und eine Preistabelle ohne responsiven Wrapper. Ich habe dieselbe Datei manuell ohne Skill geprüft und 14 Probleme gefunden, darunter einen Kontrastfehler des Fließtextes von 2.9:1 und einen schwachen "Submit"-CTA, nach dem der Scanner nicht sucht; der eigentliche Vorteil des Skills ist die Verpackung, da er jedes Ergebnis in Schweregrad-Kategorien und einen Copy-Paste-Fix-Prompt umwandelt. Die Reibung liegt in der Installation: Das Kopieren des Skill-Verzeichnisses liefert nur SKILL.md und nichts anderes, sodass die 376 Regeln, 161 Paletten und 57 Schriftpaarungen im Repo verbleiben, und der EIGENE OBLIGATORISCHE Schritt des Audits — der Aufruf von generateHtmlAuditReport() — hat keine ausführbare Form, da es kein committed dist gibt und das ux-pilot-Paket auf npm eine 404 ist. Verwenden Sie stattdessen den dokumentierten Plugin-Weg. Beachten Sie auch, dass die Regeldateien und eine fest codierte Prompt-Zeichenkette auf Französisch sind, während die gesamte Produktoberfläche Englisch ist.
Getestet am: 2026-08-07 · Claude Code 2.x (agent harness)
Installation
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
Befehle & Beispiel-Prompts
/ux-pilotKonversations-UX-Designer plus ein Code-Scanner, der echte a11y-Lücken markiert.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
Run a UX audit on this landing page and flag accessibility gapsDesign the screens for this product before we write any codeShow me three named versions of this screen side by side