Browse commands

/impeccable audit

Audit

P0 ile P3 şiddet seviyeli beş boyutlu teknik kalite kontrolü.

/impeccable audit the checkout flow
src/checkout/**
2.6/ 4
Accessibility2 / 4
Performance3 / 4
Theming2.5 / 4
Responsive3 / 4
Anti-patterns2.8 / 4
P02P15P28P314

Beş boyut 0 ile 4 arasında puanlanır, her bulgu P0 (yayını engeller) ile P3 (cilalama) olarak etiketlenir. Audit belgeler; düzeltmez. Bulguları /impeccable harden, /impeccable polish veya /impeccable optimize komutlarına yönlendirin.

Ne zaman kullanılır

/impeccable audit, /impeccable critique komutunun teknik karşılığıdır. /impeccable critique “bu doğru hissettiriyor mu” diye sorarken, /impeccable audit “bu dayanıklı mı” diye sorar. Erişilebilirlik, performans, tema, responsive tasarım ve anti-pattern kontrollerini uygulamaya karşı çalıştırır, her boyutu 0 ile 4 arasında puanlar ve P0 ile P3 şiddet derecelendirmeleriyle bir plan üretir.

Göndermeden önce, kalite sprint’i sırasında veya bir teknik lider “erişilebilirliğe gerçekten bakmalıyız” dediğinde kullanın.

Nasıl çalışır

Yetenek kodunuzu beş boyutta tarar:

  1. Erişilebilirlik: WCAG kontrastı, ARIA, klavye navigasyonu, semantik HTML, form etiketleri.
  2. Performans: düzen savurması, pahalı animasyonlar, eksik tembel yükleme, paket boyutu.
  3. Tema: sabit kodlanmış renkler, karanlık mod kapsamı, token tutarlılığı.
  4. Responsive: kırılma noktası davranışı, dokunma hedefleri, mobil görüntü alanı işleme.
  5. Anti-patternler: algılayıcının çalıştırdığı aynı belirleyici 25 kontrol.

Her boyut 0 ile 4 arasında bir puan alır. Her bulgu bir şiddet seviyesi alır: P0 yayını engeller, P1 bu sprint’te düzeltilmeli, P2 gelecek döngü, P3 cilalamadır. Bir bilet takipcisine yapıştırabileceğiniz tek bir belge alırsınız.

Audit hiçbir şey düzeltmez. Belgeler. Bulguları kategoriye göre /impeccable polish, /impeccable harden veya /impeccable optimize komutlarına yönlendirin.

Deneyin

/impeccable audit the checkout flow

Beklenen çıktı:

Accessibility: 2/4 (partial)
  P0: Missing form labels on 4 inputs
  P1: Contrast 3.1:1 on disabled button state
  P2: No visible focus indicator on custom dropdown

Performance: 3/4 (good)
  P1: Hero image not lazy-loaded (340KB)
  ...

P0’ları /impeccable harden komutuna, tema ve tipografi P1’lerini /impeccable typeset ve /impeccable polish komutlarına, geri kalanı /impeccable polish komutuna verin.

Tuzaklar

  • /impeccable critique ile karıştırmak. Audit uygulama kalitesidir. Critique tasarım kalitesidir. Tam resim için her ikisini de çalıştırın.
  • P0’ları P3’lerden önce düzeltmek. Şiddet ölçeği bir nedenle vardır. En üstten başlayın.
  • İyi olduğunu düşündüğünüz boyutları atlamak. Tema ve responsive, çoğu kişinin sorun çıkana kadar iyi olduğunu varsaydığı alanlardır.