106.9K+İndir
Kullanım kılavuzuna geç
Design QA Checklistyazan owl-listener

Design QA Checklist Skill'i.

Tasarım şartnamesini uygulama kontrollerine dönüştürün.

  • Tasarım QA
  • Devir teslim
OpenDesign İndirKullanım Kılavuzunu Görüntüle
Kaynak incelemesi · design-qa-checklistSKILL.md
Görev Tasarım şartnamesini uygulama kontrollerine dönüştürün. Çıktılar Tasarım şartnamesinden türetilmiş, kapsamı belirli bir kontrol listesi. Başlamadan önce Kontrol listesi bir tasarım referansı gerektirir; belirsiz bir niyet tam eşleşmeyi belirleyemez.
Editoryal özet · kaynak inceleme tarihi 2026-11-02 · oluşturulmuş bir örnek değildir

01 İşlevler

Tasarım şartnamesini uygulama kontrollerine dönüştürün

Görsel doğruluk, düzen, etkileşim, içerik, erişilebilirlik ve gerekli platformları kapsayan bir tasarım QA kontrol listesi oluşturun.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

Design QA Checklist, geliştirilmiş arayüzün şartnamesine uyduğunu ekibin doğrulamasına yardımcı olur. Görsel değerleri, duyarlı düzeni, bileşen durumlarını, gerçek içeriği, erişilebilirliği ve platform gereksinimlerini kapsar. Referans gerçek tasarım şartnamesidir; böylece liste, hafızaya dayalı bir incelemeye göre uyuşmazlıkları daha kesin belirler.

Kaynak; geliştiricinin öz kontrolünden tasarımcının kalite kontrolüne, ekran görüntülü hata raporlarına ve düzeltme doğrulamasına uzanan bir inceleme sırası tarif eder. Kontrol listesi üretmek bu süreci hazırlar; uygulamak için hâlâ çalışan arayüze, hedef cihazlara ve ilgili yardımcı teknoloji kontrollerine erişim gerekir.

Beklenen Çıktılar

  • Tasarım şartnamesinden türetilmiş, kapsamı belirli bir kontrol listesi.
  • İlgili görsel, duyarlı, etkileşim ve içerik durumları için kontroller.
  • Uygulama uyuşmazlıklarına yönelik hata raporlama ve yeniden test yapısı.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Beklenen tasarımı okuyun

    Şartnameyi, token’ları ve gerekli platformları toplayın. Gereksinimleri, inceleyenin neyi gözlemlemesi gerektiğini açıklayan kontrollere dönüştürün.

  2. 02
    Durumları ve uç senaryoları kapsayın

    Uygun olduğunda üzerine gelme, odak, etkin, devre dışı, yükleniyor, boş ve hata durumlarını ekleyin. Gerçek içerikle kırpılmayı, taşmayı ve yeniden akışı kontrol edin.

  3. 03
    Uygulamayı inceleyin

    Geliştiricinin öz incelemesiyle başlayıp tasarımcı incelemesiyle devam edin. Kesin değerler için tarayıcı araçlarını, tasarım–uygulama karşılaştırmaları için anlamlı ekran görüntülerini kullanın.

  4. 04
    Önceliklendirin ve yeniden test edin

    Uyuşmazlıkları önem derecesine göre raporlayın ve düzeltmeleri doğrulayın. Sonraki incelemelerin daha erken yakalayabilmesi için tekrarlayan sorun türlerini kaydedin.

02 Kullanım Alanları

Ne zaman kullanılır

Kontrol listesi bir tasarım referansı gerektirir; belirsiz bir niyet tam eşleşmeyi belirleyemez.

İyi Bir Uyum

  • Uygulamanın devir teslimiBir özellik geliştirilmiştir ve somut bir tasarım kabul kontrolü gerektirir.
  • Tekrarlanabilir ekip kalite kontrolüGeliştiriciler ve tasarımcılar, durumlar ve görsel ayrıntılar için aynı beklentilere ihtiyaç duyar.

Kontrol Edilecek Sınırlar

  • Şartnameye bağımlılıkKontrol listesi bir tasarım referansı gerektirir; belirsiz bir niyet tam eşleşmeyi belirleyemez.
  • Kontroller yine de yürütülmelidirYazılı bir kontrol listesi tarayıcıların, cihazların veya ekran okuyucuların test edildiğini kanıtlamaz.
  • Farklı bir teslimatKaynak, mühendisliğe devir teslim şartnameleri için handoff-spec skill’ine yönlendirir.

Bu Girdileri Getirin

  • Tasarım şartnamesiDüzenleri, token’ları ve beklenen bileşen davranışlarını sağlayın.
  • Çalışan derlemeUygulamayı ve inceleyenlerin erişebildiği durumları belirtin.
  • Platform matrisiGerekli tarayıcıları, cihazları, metin boyutlarını ve erişilebilirlik koşullarını belirtin.

03 Önemli Kararlar

Önemli kararlar

  1. Ortak beklentiler

    Geliştiriciler ve tasarımcılar tek bir tanımlı referansa göre kontrol yapar.

  2. Durum kapsamı

    Hatalar ve boş durumlar, varsayılan görünümle birlikte kabulün parçası kalır.

  3. Yeniden test disiplini

    Bildirilen düzeltmeler, sorun çözülmüş sayılmadan önce tekrar kontrol edilir.

04 Örnek Görev Tanımı

Odaklı bir brief deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kaynağı ve kurulumu inceleyin

Düzenleri, token’ları ve beklenen bileşen davranışlarını sağlayın.

Üst Kaynak Dosyası
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/design-ops/skills/design-qa-checklist/SKILL.md

Aşağıdaki referans, özgün talimatları açar. Kullanmadan önce depo kurulumunu inceleyin; bu bir kurulum komutu değildir.

Tek bir çıktıyla başlayın

Skill'i çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif
Yeni fatura ekranı için design-qa-checklist kullan. Tasarım şartnamesini ve token tanımlarını oku; ardından masaüstü ve mobil düzenler, boş sonuçlar, yükleme, doğrulama hataları ve devre dışı eylemler için kontroller oluştur. Uygun olduğunda klavye sırasını, görünür odağı, metin büyütmeyi ve azaltılmış hareket davranışını ekle. Yer tutucu metin yerine gerçek örnek faturaları kullan. Kontrol listesi hazırlığını yürütülmüş testlerden ayır. Gözlemlediğimiz her uygulama uyuşmazlığı için beklenen davranışı, gerçek davranışı, ekran görüntüsü kanıtını ve önem derecesini kaydet; ardından düzeltme için açık bir yeniden test maddesi bırak.

Sonucu inceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • Kontrol listesi maddeleri bir şartnameye veya belirtilmiş ürün gereksinimine işaret eder.
  • Yürütülen kontroller ve test edilmemiş koşullar açıkça ayrılır.
  • Çözülen hatalar, düzeltilmiş durumun doğrulamasını içerir.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndirHızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Upstream davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi
owl-listener
Depo
owl-listener/designer-skills
Skill Dosyası
SKILL.md
Lisans
MIT
İncelenen Sürüm
2026-11-02 · 9a6930cf84a8
Editoryal Kaynak Özeti
Tasarım şartnamesini uygulama kontrollerine dönüştürün.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan önce sorular

Bu yalnızca görsel bir kontrol listesi mi?

Hayır. Etkileşim, içerik, erişilebilirlik ve platformlar arası kontrolleri de içerir.

Ekran görüntüsü klavye davranışını doğrulayabilir mi?

Klavye ve odak kontrolleri derlemeyle etkileşim gerektirir; ekran görüntüleri görsel karşılaştırmayı destekler.

QA hangi içeriği kullanmalı?

Kaynak, yalnızca sorunsuz akışlara veya yer tutucu metne güvenmek yerine gerçek içerik ve uç senaryolar önerir.

OpenDesign

Brief'inizi ve tasarım çalışmanızı bir arada tutun.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndirTasarım Skill'lerine Göz At
Üst Kaynak Dosyası
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/design-ops/skills/design-qa-checklist/SKILL.md