Browse commands

/impeccable audit

Audit

Ötdimenziós technikai minőségellenőrzés P0-tól P3 súlyosságig.

/impeccable audit the checkout flow
src/checkout/**
2.6/ 4
Akadálymentesség2 / 4
Teljesítmény3 / 4
Témázás2.5 / 4
Reszponzivitás3 / 4
Antipattern-ek2.8 / 4
P02P15P28P314

Öt dimenzió 0-tól 4-ig pontozva, minden találat P0 (kiadást blokkoló) és P3 (finomítás) között címkézve. Az Audit dokumentál; nem javít. Irányítsd a találatokat az /impeccable harden, /impeccable polish vagy /impeccable optimize felé.

Mikor használd

Az /impeccable audit az /impeccable critique technikai párja. Ahol az /impeccable critique azt kérdezi, hogy “jól érzi-e magát”, az /impeccable audit azt kérdezi, hogy “bírja-e a terhet”. Akadálymentességi, teljesítmény-, témázási, reszponzív tervezési és antipattern-ellenőrzéseket futtat a megvalósítás ellen, 0-tól 4-ig pontozza az egyes dimenziókat, és P0-tól P3 súlyossági besorolású tervet készít.

Használd szállítás előtt, egy minőségi sprint során, vagy bármikor, amikor egy tech lead azt mondja: “tényleg meg kellene néznünk az akadálymentességet”.

Hogyan működik

A skill öt dimenzióban vizsgálja át a kódodat:

  1. Akadálymentesség: WCAG kontraszt, ARIA, billentyűzetes navigáció, szemantikus HTML, űrlapcímkék.
  2. Teljesítmény: elrendezés-zúzás, drága animációk, hiányzó lazy loading, csomagméret.
  3. Témázás: hardcoded színek, sötét mód lefedettség, token konzisztencia.
  4. Reszponzivitás: töréspont-viselkedés, érintési célpontok, mobil viewport kezelés.
  5. Antipattern-ek: ugyanazok a determinisztikus 25 ellenőrzés, amelyeket a detektor futtat.

Minden dimenzió 0-tól 4-ig kap pontszámot. Minden találat kap súlyosságot: P0 blokkolja a kiadást, P1 ebben a sprintben javítandó, P2 a következő ciklusban, P3 finomítás. Egyetlen dokumentumot kapsz vissza, amelyet beilleszthetsz egy ticket-követőbe.

Az Audit nem javít semmit. Dokumentál. Irányítsd a találatokat az /impeccable polish, /impeccable harden vagy /impeccable optimize felé a kategóriától függően.

Próbáld ki

/impeccable audit the checkout flow

Várható kimenet:

Akadálymentesség: 2/4 (részleges)
  P0: Hiányzó űrlapcímkék 4 beviteli mezőn
  P1: Kontraszt 3.1:1 a letiltott gomb állapoton
  P2: Nincs látható fókuszjelző az egyedi lenyíló menüben

Teljesítmény: 3/4 (jó)
  P1: Hero kép nincs lazy-olva (340KB)
  ...

Add át a P0-okat az /impeccable harden, a témázási és tipográfiai P1-eket az /impeccable typeset és /impeccable polish, a többit az /impeccable polish felé.

Csapdák

  • Összetéveszteni az /impeccable critique-tal. Az Audit megvalósítási minőség. A Critique tervezési minőség. Futtasd mindkettőt a teljes képhez.
  • P3-akat javítani P0-ok előtt. A súlyossági skálála okból létezik. Kezdd felülről.
  • Azon dimenziók átugrása, amelyeket jónak gondolsz. A témázás és reszponzivitás azok, amiket a legtöbben jónak gondolnak, amíg nem válnak azzá.