Web Design Guidelines

Web Design Guidelines, kodlama agent’larına arayüz uygulamalarını kullanıcıya ulaşmadan önce sistemli biçimde değerlendirme yöntemi kazandırır. İnceleme yalnızca sözdizimine veya framework alışkanlıklarına odaklanmaz; ortaya çıkan deneyimin farklı giriş yöntemlerinde, ekran koşullarında, dillerde ve performans sınırlarında nasıl çalışacağını da ele alır. Bulguların kaynak konumlarıyla ilişkilendirilmesi, çıktıyı geliştirme sırasında ve pull request incelemelerinde doğrudan kullanılabilir hâle getirir.

Öne çıkanlar

• Semantik yapı, erişilebilir adlandırma, klavye kullanımı ve görünür odak durumlarını değerlendirir
• Formları, doğrulama mesajlarını, gezinme durumunu ve etkileşim ayrıntılarını inceler
• Görsel, animasyon, render ve yükleme tercihlerindeki performans risklerini belirler
• Dokunma hedeflerini, tema davranışını, tipografiyi ve azaltılmış hareket tercihini kapsar
• Yerel sayı ve tarih biçimleriyle URL üzerinden korunması gereken arayüz durumlarını kontrol eder

Bu skill; frontend geliştiricileri, UI uzmanları, tasarım sistemi ekipleri ve arayüz koduna tutarlı bir ikinci göz eklemek isteyen reviewer’lar için uygundur. Vercel’in herkese açık agent-skills koleksiyonunda yayımlanır ve deponun standart skills komutuyla kurulur. Klasör yalnızca SKILL.md içerir; ek script veya MCP servisine ihtiyaç duymaz.