Kullanım kılavuzuna geç
Critique Typographyyazan owl-listener

Critique Typography Skill'i.

Render edilmiş tipografiyi okunabilirlik ve mevcut tipografi sistemi açısından denetleyin.

  • Tipografi
  • Okunabilirlik
Kaynak incelemesi · critique-typographySKILL.md
Görev Render edilmiş tipografiyi okunabilirlik ve mevcut tipografi sistemi açısından denetleyin. Çıktılar Ölçek, okunabilirlik, tutarlılık ve token uyumuna göre gruplanmış bulgular. Başlamadan önce Ekran düzeyindeki eleştiri, yalnızca CSS bildirim listesi değil gerçek çıktı gerektirir.
Editoryal özet · kaynak inceleme tarihi 2026-11-02 · oluşturulmuş bir örnek değildir

01 İşlevler

Render edilmiş tipografiyi okunabilirlik ve mevcut tipografi sistemi açısından denetleyin

Ekranın yazı ölçeğini, okunabilirliğini, tutarlılığını ve token uyumunu inceleyip somut bulgular ve düzeltmeler oluşturun.

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

Çalışma Yaklaşımı

Critique Typography, render edilmiş ekranda yazının gerçekten nasıl kullanıldığını inceler. Ölçek kullanımını, okuma rahatlığını, tutarlılığı ve token uyumunu değerlendirir. Yararlı bulgu, hem görünür olanı hem de hangi mevcut stil veya token'ın onu yönetmesi gerektiğini belirtir; böylece ekip belirli bir uyumsuzluğu düzeltebilir.

Kaynak; satır uzunluğu, line-height, harf aralığı, kontrast ve anlamsal rol gibi somut inceleme boyutları içerir. Eşdeğer öğelere eşdeğer işlem uygulanıp uygulanmadığını da sorgular. Bu, arayüz oluşturulduktan sonra, özellikle tekil ayarlar zamanla özgün tipografi sistemini zayıflattığında yararlıdır.

Beklenen Çıktılar

  • Ölçek, okunabilirlik, tutarlılık ve token uyumuna göre gruplanmış bulgular.
  • Her sorun için gözlem, açıklama ve uygulanabilir düzeltme.
  • İncelenen her boyut için geçer, küçük sorun veya büyük sorun derecesi.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Render edilmiş tipografi sistemini okuyun

    Ekranı tanımlı metin stilleri ve token'larla birlikte inceleyin. Başlıkları, etiketleri, gövde metnini ve açıklamaları gerçek rollerine göre belirleyin.

  2. 02
    Okuma koşullarını değerlendirin

    Boyut, line-height, satır uzunluğu, harf aralığı ve kontrastı bağlam içinde inceleyin. Kaynağın sayısal önerilerini ürün gereksinimleriyle birlikte değerlendirilecek inceleme ölçütleri olarak ele alın.

  3. 03
    Eşdeğer öğeleri karşılaştırın

    Tekrarlanan etiket, başlık ve metin bloklarında kalınlık, hizalama ve ölçek adımlarının tutarlılığını kontrol edin. Tek seferlik stilleri ve keyfî ara değerleri bulun.

  4. 04
    Bulguları düzeltmelerle eşleştirin

    Her boyutta tarafsız gözlemi sorundan ve önerilen düzeltmeden ayırın. Mevcut tanım uygulanabiliyorsa uygun token'ı adlandırın.

02 Kullanım Alanları

Ne zaman kullanılır

Ekran düzeyindeki eleştiri, yalnızca CSS bildirim listesi değil gerçek çıktı gerektirir.

İyi Bir Uyum

  • Tipografik sapmaOluşturulmuş ekranda keyfî boyut veya kalınlık ayarları birikmiştir.
  • Odaklı görsel eleştiriYerleşim belirlenmiştir ancak metin hiyerarşisi veya okuma rahatlığı ilgi gerektirir.

Kontrol Edilecek Sınırlar

  • Render edilmiş kanıtEkran düzeyindeki eleştiri, yalnızca CSS bildirim listesi değil gerçek çıktı gerektirir.
  • Mevcut sistemİlk ölçek tanımı, ayrı typography-scale skill'inin kapsamındadır.
  • Sınırları belirli değerlendirmeTipografi incelemesi tam erişilebilirlik sertifikasyonu veya ürünün bütünüyle denetlenmesi değildir.

Bu Girdileri Getirin

  • Render edilmiş ekranArayüzü önemli boyut ve durumlarda sağlayın.
  • Tipografi tanımlarıTipografi token'larını ve amaçlanan rollerini sağlayın.
  • İçerik bağlamıGerçek metni, dili ve okuma koşullarını ekleyin.

03 Önemli Kararlar

Önemli kararlar

  1. Somut düzeltmeler

    Düzeltmeler amaçlanan tam stil veya token'ı işaret edebilir.

  2. Karşılaştırılabilir boyutlar

    Rapor ölçek sorunlarını okunabilirlik ve tutarlılıktan ayırır.

  3. Görünür kanıt

    Bulgular inceleyenin gerçekten gözlemleyebildiğini anlatır.

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

Arayüzü önemli boyut ve durumlarda sağlayın.

Üst Kaynak Dosyası
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-typography/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
Masaüstü ve mobil genişliklerde render edilmiş analiz genel görünümüne critique-typography uygula. Görünür başlıkları, etiketleri, değerleri ve gövde metnini tipografi token'larımızla karşılaştır. Ölçek kullanımını, line-height'ı, satır uzunluğunu, kontrastı ve eşdeğer öğelerin tutarlılığını incele. Her boyut için tarafsız gözlem sun, sorunu açıkla ve varsa doğru token adıyla somut düzeltme öner. Boyutu geçer, küçük sorun veya büyük sorun olarak derecelendir. Mevcut yerleşim yönünü koru ve ölçülen özellikleri ek inceleme gerektiren yargılardan ayır.

Sonucu inceleyin

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

  • Her sorun görünür bir öğeye ve ilgili yazı rolüne başvurur.
  • Token önerileri projenin gerçek tanımlarını kullanır.
  • Derecelere gözlemler ve somut düzeltmeler eşlik eder.

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.

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
Skill Dosyası
SKILL.md
Lisans
MIT
İncelenen Sürüm
2026-11-02 · 9a6930cf84a8
Editoryal Kaynak Özeti
Render edilmiş tipografiyi okunabilirlik ve mevcut tipografi sistemi açısından denetleyin.

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

Yeni bir tipografi ölçeği tanımlar mı?

Kaynak kullanım incelemesine odaklanır, ölçek oluşturmayı ayrı skill'e yönlendirir.

Bulgular hangi biçimdedir?

Her boyut gözlem, sorun açıklaması, uygulanabilir düzeltme ve önem derecesi alır.

Sabit kodlanmış yazı değerlerini inceler mi?

Evet. Token uyumu; yazı tipi ailesi, boyut, kalınlık, line-height ve letter-spacing içerir.

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.

Üst Kaynak Dosyası
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-typography/SKILL.md