UX Pilot

Conversational UX designer plus een code scanner die echte a11y gaten signaleert

Door Sakaax · Sakaax/ux-pilot

Werkt met setup ★ 7.2/10

UX Pilot — Conversational UX designer plus een code scanner die echte a11y gaten signaleert

Wat het doet

Een vierfasen UX workflow — discovery questions, een code audit met op ernst gescoorde bevindingen, een live HTML preview server, en export naar React, Svelte of Vue — ondersteund door een repo van 161 palettes, 57 font pairings, 67 styles en 31 rule files. Activeert wanneer u vraagt om een UX audit van een bestaande pagina, schermen van een product wilt ontwerpen voordat u code schrijft, of side-by-side benoemde versies van een scherm wilt. Gedistribueerd als een Claude Code plugin; het kopiëren van de skill directory alleen laat de regels en rapportgenerator achter.

Testrapport

De echte scanner van de repo gericht op een opzettelijk kapotte factureringslandingspagina en deze retourneerde 11 correcte bevindingen in één keer — ontbrekende viewport meta gemarkeerd als kritiek, twee afbeeldingen zonder alt, drie placeholder-only inputs, een hardgecodeerde 1100px breedte zonder media query, en een prijstabel zonder responsieve wrapper. Hetzelfde bestand handmatig gecontroleerd zonder skill en kreeg 14 problemen, inclusief een 2.9:1 body-text contrastfout en een zwakke 'Submit' CTA waar de scanner niet naar zoekt; de echte winst van de skill is de verpakking, aangezien het elke bevinding omzet in ernstcategorieën en een copy-paste fix prompt. De frictie is de installatie: het kopiëren van de skill directory geeft je SKILL.md en niets anders, dus de 376 regels, 161 palettes en 57 font pairings blijven in de repo, en de eigen VERPLICHTE stap van de audit — het aanroepen van generateHtmlAuditReport() — heeft geen uitvoerbare vorm, omdat er geen gecommitteerde dist is en het ux-pilot pakket een 404 is op npm. Gebruik in plaats daarvan de gedocumenteerde plugin route. Merk ook op dat de rule files en één hardgecodeerde prompt string in het Frans zijn, terwijl het hele productoppervlak Engels is.

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

Installatie

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

Commando's en voorbeeldprompts

  • /ux-pilotConversational UX designer plus een code scanner die echte a11y gaten signaleert

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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