Tasarım & UX Skill
Accessibility Compliance
Ekran okuyucu desteği, klavye navigasyonu ve mobil erişilebilirlik içeren WCAG 2.2 AA uyumlu arayüzler oluşturmak için bir uygulama araç seti.
₺369
Web Design Guidelines
Erişilebilirlik, duyarlı davranış, etkileşim desenleri ve görsel kaliteyi canlı, topluluk güdümlü bir web arayüz standardına göre denetleyen sistematik bir UI kod inceleme motoru.
Öznel 'iyi görünüyor' yorumları yerine, 15'ten fazla nesnel kontrol noktasında PASS/FAIL/WARN sınıflandırmalı dosya:satır bulguları üretir. Çıktı, birleştirmeleri kapıya alabilen ve canlı dağıtımları koruyan ölçülebilir bir kalite puanıdır.
₺369 tek seferlik
Bir kit içine ekle → Fiyatlara KDV (%20) dahildir. · Gerçek ajans işinden çıkarıldı · tek seferlik, kilit yok
- Tür Skill
- Kategori Tasarım & UX
- Teslimat E-posta · anında
- Lisans Tek seferlik
Çalışmanın içinden · kara kutu yok
Satın almadan önce işin kendisini gör.
Skill arayüz kodunu incelerken tam olarak bu döngüyü koşar. Kara kutu yok, yaptığı iş budur:
- Her incelemeden önce güncel Vercel Web Interface Guidelines'ı canlı çeker; denetim bayat bir yerel kopyaya değil yürürlükteki kural setine karşı koşulur
- Her komponenti 15+ maddelik kontrol listesinden geçirir: klavye erişimi, görünür odak halkaları, kontrast oranları, etiket-input ilişkisi, üç kırılım noktası (375, 768, 1440), 44x44px dokunma hedefi, gövdede en az 14px metin
- Veri çeken her komponentte 4 durum kapsamasını doğrular: jenerik spinner yerine içerik şekline uyan skeleton, yeniden dene aksiyonu taşıyan hata, CTA taşıyan boş durum, sonra mutlu yol
- Bilinen anti-pattern'leri anında işaretler: onClick'li div, mutlak piksel genişlikleri, mobilde 14px altı metin, eksik alt metni, tek hata sinyali olarak renk, ekran altı görsellerde lazy loading eksikliği
- Çoğu incelemenin atladığı uç durumları kontrol eder: RTL mantıksal özellikleri, prefers-reduced-motion davranışı, yüksek kontrast modu, yazdırma stilleri
- Dosya ve satır bazlı rapor üretir: her kural için PASS, WARN veya FAIL ve her başarısızlığa somut düzeltme (w-8 h-8 yerine w-11 h-11). Belirsiz kalite yorumu değil
Tek güç kaynağı. 6 hat dışarı.
web-design-guidelines · çekirdek
çekirdek aktif · 6 hat
- ✓ bir özellik birleştirmes…
Bir özellik birleştirmesinden önce UI kodunu incelemek
- ✓ bir bileşende erişilebil…
Bir bileşende erişilebilirlik veya UX denetimi yürütmek
- ✓ kırılma noktaları geneli…
Kırılma noktaları genelinde en iyi uygulama uyumunu doğrulamak
- ✓ canlıya almadan önce ui
Canlıya almadan önce UI kalitesini kontrol etmek
- ✓ dokunma hedefi, kontrast
Dokunma hedefi, kontrast ve 4 durum eksiklerini yakalamak
- ✓ div-onclick ve küçük font
div-onClick ve küçük font gibi kötü desenleri otomatik işaretlemek
Aldıkların sende kalır.
Zamanı ileri sar. Ne kaldığını izle.
Sonsuza dek
Sahip olmak tam olarak bu.
Kiralık yığın
yapay zekâ yazım aracı: abonelik
süresi doldu · erişim gittianaliz paketi: abonelik
süresi doldu · erişim gittitasarım platformu: abonelik
süresi doldu · erişim gitti(geriye bir şey kalmadı)
Senin ocağın
-
Öznel tasarım yorumlarını 15'ten fazla nesnel ve puanlı kontrol noktasıyla değiştirin
lisans: kalıcı -
Birleştirmeleri minimum geçme oranına bağlayarak UI kalitesini tutarlı tutun
lisans: kalıcı -
Duyarlılık, kontrast ve durum kapsamı eksiklerini kullanıcıdan önce yakalayın
lisans: kalıcı -
Her incelemede en güncel kuralları çekerek standartla güncel kalın
lisans: kalıcı
abonelikler biter · tapular bitmez
Kutudaki her şey.
Bir parçayı eline al. Çalışırken izle.
Denetimlerin en yeni kuralları izlemesi için canlı kılavuz çekme
6 parça · tek çalışan sistem · e-postayla anında teslim
Bu herkes için dövülmedi.
- Araç kiralamayı sahip olmaya tercih ediyorsan, sana göre değil.
- Yığınını senin yerine başkası yönetsin istiyorsan, sana göre değil.
- Tahmin etmekten memnunsan, sana göre değil.
Birleştirme veya dağıtım öncesi nesnel ve tekrarlanabilir bir UI kalite kapısı isteyen ön yüz ekipleri ve incelemeciler için.
o zaman bu senin için dövüldü.Hangi AI ile çalışır
Tasarımı gereği evrensel: her yapay zekada çalışır. Açık Agent Skills + MCP biçiminde gelir (Claude’da yerleşik); ChatGPT, Gemini, Cursor ve Copilot aynı dosyaları kendine uyarlar.
- Claude Yerleşik biçim
- ChatGPT Açık standartla uyarlanır
- Gemini Açık standartla uyarlanır
- Cursor Açık standartla uyarlanır
- Copilot Açık standartla uyarlanır
Aklındakini yakala.
hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar
-
Tek bir bileşen için mi, dağıtım öncesi tüm sayfa için mi çalıştırılır?
İkisi de geçerli. Bir özellik birleştirmesi öncesi tek bileşeni inceleyebilir, canlıya almadan önce tüm sayfayı kırılma noktaları genelinde denetleyebilirsiniz. Çıktı her durumda dosya:satır bulgular ve PASS/WARN/FAIL sayımıdır.
-
Kuralları nereden alıyor, zamanla eskimez mi?
Her incelemede canlı, topluluk güdümlü web arayüz standardını yeniden çeker; denetim her zaman en güncel kurallarla koşar. Kontrast oranları WCAG 2.2 AA matrisine göre renk çifti bazında hesaplanır, öznel yorum devreye girmez.
-
Tasarımın güzel olup olmadığına karar verir mi?
Hayır. Estetik beğeni ölçmez; erişilebilirlik, duyarlılık, durum kapsamı ve etkileşim desenleri gibi nesnel kontrol noktalarını puanlar. Sanat yönetimi ve marka kararı insan işidir, bu motor kalite tabanını garanti eder.
-
Nasıl teslim edilir?
Satın alımdan hemen sonra e-posta ile iletilir, kuruluma hazır, anında indirilir; bekleme yok.
-
Tek seferlik mi, abonelik mi?
Tek seferlik alımdır; abonelik veya gizli ücret yoktur. Fiyata KDV (%20) dahildir.
-
İade alabilir miyim?
Dijital ürün olduğu için indirildikten sonra iade yapılmaz. Bu yüzden ne içerdiğini ve kime uygun olduğunu burada açıkça paylaşıyoruz.