UX Pilot

Konversationsbaserad UX-designer plus en kodskanner som flaggar verkliga a11y-brister

av Sakaax · Sakaax/ux-pilot

Fungerar med konfiguration ★ 7.2/10

UX Pilot — Konversationsbaserad UX-designer plus en kodskanner som flaggar verkliga a11y-brister

Vad den gör

Ett fyrfasigt UX-arbetsflöde — upptäcktsfrågor, en kodgranskning med allvarlighetsgraderade fynd, en live HTML-förhandsgranskningsserver, och export till React, Svelte eller Vue — stöds av ett repo med 161 paletter, 57 typsnittskombinationer, 67 stilar och 31 regelfiler. Utlöses när du ber om en UX-granskning av en befintlig sida, vill designa en produkts skärmar innan du skriver kod, eller vill ha namngivna versioner av en skärm sida vid sida. Distribueras som en Claude Code plugin; att kopiera skill-katalogen ensam lämnar reglerna och rapportgeneratorn bakom sig.

Testrapport

Riktade repots riktiga skanner mot en medvetet trasig faktureringslandningssida och den returnerade 11 korrekta fynd i ett pass — saknad viewport meta flaggades som kritisk, två bilder utan alt, tre endast-platshållar-inputfält, en hårdkodad 1100px bredd utan media query, och en pristabell utan responsiv wrapper. Granskade samma fil för hand med no skill och fick 14 problem, inklusive ett 2.9:1 kontrastfel för brödtext och en svag 'Submit'-CTA som skannern inte letar efter; skillens verkliga vinst är paketering, eftersom den omvandlar varje fynd till allvarlighetskategorier och en copy-paste fix-prompt. Friktionen är installationen: att kopiera skill-katalogen ger dig SKILL.md och inget annat, så de 376 reglerna, 161 paletterna och 57 typsnittskombinationerna stannar i repot, och granskningens eget MANDATORY-steg — anropet generateHtmlAuditReport() — har ingen körbar form, eftersom det inte finns någon committed dist och ux-pilot-paketet är en 404 på npm. Använd den dokumenterade plugin-vägen istället. Notera också att regelfilerna och en hårdkodad prompt-sträng är på franska medan hela produktgränssnittet är på engelska.

Testad: 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

Kommandon och exempelprompter

  • /ux-pilotKonversationsbaserad UX-designer plus en kodskanner som flaggar verkliga a11y-brister

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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