Kullanım kılavuzuna geç
design-critiqueyazan Anthropic

Design Critique Skill.

Tasarım incelemesi için Claude Code ve Codex skill: kullanılabilirlik, hiyerarşi ve tutarlılık üzerine yapılandırılmış tasarım geri bildirimi.

  • Tasarım İncelemesi & Erişilebilirlik
  • İnceleme raporu
anthropics/knowledge-work-plugins · design/skills/design-critique/SKILL.mdSKILL.md
--- name: design-critique description: Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this screen?", or when sharing a Figma link or screenshot for feedback at any stage from exploration to final polish. --- ## Usage ## What I Need From You ## Critique Framework ## How to Give Feedback ## Output ## Design Critique: [Design Name]
Ön bilgi ve bölüm başlıkları yukarı akış dosyasından 2026-09-14 tarihinde okunmuştur · tam hali 3.898 karakter

01 Ne yapar

design-critique Skill'i Claude Code ve Codex'te Ne Yapar

Özet, iş akışı ve çıktılar; hepsi skill'in SKILL.md dosyasından okundu.

SKILL.md'den14-09-2026 tarihinde okundu · kayıtlı bir çalıştırma değil

Skill'in Kendi İfadeleriyle

design-critique, bir Figma URL'si, ekran görüntüsü veya yazılı açıklamaya sahip herkes için, keşiften nihai cilaya kadar her aşamada paylaşımlı bir tasarım incelemesi çalıştırır. Beş bölümlü bir çerçeve üzerinden ilerler: ilk izlenim, kullanılabilirlik, görsel hiyerarşi, tutarlılık ve erişilebilirlik. Geri bildirim kuralları, ajanı belirsiz şikayetlerin ötesine taşır: rekabet eden öğeyi adlandır, tasarım ilkelerine veya kullanıcı ihtiyaçlarına göre nedenini açıkla, bir alternatif öner ve neyin işe yaradığını kabul et.

Çıktı; genel bir izlenim, önem derecesine göre değerlendirilmiş bir kullanılabilirlik tablosu (Kritik, Orta, Küçük), bir tutarlılık tablosu, erişilebilirlik notları, bir 'İyi Çalışan Yönler' listesi ve üç öncelikli öneri içeren markdown biçiminde bir eleştiridir. Bir tasarım aracı veya kullanıcı geri bildirimi bağlayıcısı mevcut olduğunda, bileşenleri ve token'ları inceler veya destek biletleriyle çapraz referans yapar.

Neler üretir

  • Her bulguyu bir önem derecesi ve önerilen bir düzeltmeyle listeleyen bir kullanılabilirlik tablosu.
  • Tipografi, boşluk ve renk sapmalarını tasarım sistemine karşı karşılaştıran bir uyumluluk tablosu.
  • Etkiye göre sıralanmış öncelikli önerilerin yer aldığı kapanış listesi.
Örnek istemi görün ↗

Nasıl Çalışır

  1. 01
    Tasarımı Önüne Getirin

    Figma'dan bir Figma URL'si çekilir ve referans gösterilen bir dosya okunur; ikisi de yoksa ajan kullanıcıdan tasarımı tarif etmesini veya paylaşmasını ister.

  2. 02
    İki Saniyelik İlk İzlenimle Başlayın

    Herhangi bir analitik adımdan önce, gözün önce nereye gittiğini, bunun doğru olup olmadığını, duygusal tepkiyi ve amacın hemen anlaşılıp anlaşılmadığını kaydeder.

  3. 03
    Beş Boyutu Sırayla İnceleyin

    Kullanılabilirlik, görsel hiyerarşi, tutarlılık ve erişilebilirlik için kendi soru setleri vardır; okuma sırasından ve boşluklardan kontrast oranlarına ve dokunma alanlarına kadar.

  4. 04
    Geri Bildirimi Belirtilen Stil Kurallarına Göre Yazın

    Bulgular spesifik olmalı, açıklanmalı, önerilen bir alternatifle eşleştirilmeli ve halihazırda iyi işleyen şeylerle dengelenmelidir.

  5. 05
    Markdown Çıktı Şablonunu Doldurun

    Sabit yapı; genel izlenim, önem derecelerine sahip kullanılabilirlik tablosu, hiyerarşi notları, tutarlılık tablosu, erişilebilirlik, iyi çalışan noktalar ve sıralanmış öncelikli önerilerden oluşur.

02 Uyumunuzu bulun

design-critique Skill Ne Zaman Kullanılır

Claude Code veya Codex'te design-critique skill'ini bu tür tasarım incelemelerinde kullanın. Uygunluk ve sınırlar skill'in kendi dosyasından alınmıştır.

İyi Uyum

  • Tasarım bitmeden, keşiften final rötuşlara kadar geri bildirim için bir Figma bağlantısı veya ekran görüntüsü yapıştırmak.
  • B2B SaaS için bir ödeme akışı gibi adlandırılmış, bağlamsal bir akış; burada hedef kitle ve amaç geri bildirimi netleştirir.
  • Kapsamı sınırlı bir inceleme; örneğin bir alanda daha fazla derinlik elde etmek için sadece navigasyona bakmasını istemek.
  • Çalışırken kullanılan gündelik tetikleyici ifadeler; örneğin bir mockup'ı eleştirmesini veya bir ekran hakkında ne düşündüğünü söylemesini istemek.

Sınırları Bilin

  • Ortamda bir tasarım aracı bağlayıcısı kurulmadığı sürece canlı bir Figma dosyasını çekemez.
  • Kararları gerçek kullanıcı şikayetleriyle karşılaştırmak için bağlı bir kullanıcı geri bildirimi kaynağı gerekir.

Ne Sağlamalısınız

  • Tasarımın kendisiBir Figma URL'si, bir ekran görüntüsü veya ayrıntılı bir yazılı açıklama minimum gereksinimdir.
  • BağlamBu şeyin ne olduğu, kimin için olduğu ve keşif, iyileştirme veya final arasından seçilen hangi aşamada olduğu.
  • İsteğe bağlı bir odakİncelemeyi, örneğin mobile veya onboarding akışına daraltarak genişlik yerine derinlik elde edebilirsiniz.
  • Bir slash-komut argümanıKomut, tasarım materyalinizin hangi biçimde olduğu fark etmeksizin bir argüman kabul eder.

03 Skill'in içinde

design-critique Skill'in Claude Code ve Codex'e Verdiği Kurallar

SKILL.md'nin ajan için belirlediği 7 somut talimat, varsayılan ve sınır — dosyanın sonucu değiştiren kısmı.

  1. Bir Bulguyu Asla Belirsiz Bırakmayın

    Geri bildirim, çakışan somut öğeyi belirtmelidir; örneğin düzenin kafa karıştırıcı olduğunu söylemek yerine CTA'nın navigasyonla rekabet ettiğini belirtmek gerekir.

  2. Her Zaman Bir Çözüm Önerin

    Bir sorunu belirlemek teslim edilecek çıktı değildir; eleştiri her sorunun yanında alternatifler önermelidir.

  3. İşe Yarayanı Kabul Edin

    Olumlu gözlemler iyi geri bildirimin isteğe bağlı bir nezaket unsuru değil, gerekli bir parçasıdır; çıktı şablonunda bunlar için İşe Yarayanlar bölümü bulunur.

  4. Derinliği Aşamaya Uydurun

    Erken keşif aşaması, son cilalama aşamasından farklı geri bildirim alır; bu nedenle ajan her yerde tek bir standart uygulamak yerine buna göre ayarlama yapmalıdır.

  5. Her Kullanılabilirlik Bulgusunu Önem Derecesine Göre Değerlendirin

    Kullanılabilirlik tablosu, her biri bir öneriyle eşleştirilmiş üç sabit düzey kullanır: Kritik, Orta, Küçük.

  6. Erişilebilirliği Kendi Başına Bir Geçiş Olarak Ele Alın

    Çerçeve, kontrast ve dokunma alanı boyutlarını genel kullanılabilirlik notlarına dahil etmek yerine ayrı bir erişilebilirlik boyutu içerir.

  7. Tasarım Eksikse Sorun

    Bir URL veya dosya sağlanmamışsa, ajan bir eleştiri icat etmek yerine bir açıklama veya ekran görüntüsü istemelidir.

04 İşe koyun

design-critique'i Claude Code veya Codex'e yükleyin

Bir npx skills add komutu, ardından ajanınızda ilk görev ve sonuç için bir kontrol listesi.

design-critique'i Claude Code, Codex veya Ajanınıza ekleyin

Projenizde çalıştırın; kurulum aracı, bunun hangi ajana ekleneceğini sorar.

Terminal
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill design-critique

design/skills/design-critique/SKILL.md için genel skills CLI biçimi; depo kendi yolunu belgeleyebilir.

Beceriye İlk Tasarım İnceleme Görevi Verin

Skill'in kendi terimleriyle yazıldı; köşeli parantezli bölümleri kendi malzemenizle değiştirin.

Starter prompt
Review this design: [Figma URL]. It's the onboarding flow for [product], aimed at [audience], and we're at final polish rather than exploration. Focus on the mobile screens.

Kaynak: SKILL.md'den, skill'in kendi terimleriyle yazıldı.

İlk Sonucu Kontrol Edin

SKILL.md'nin doğru bir sonucun nasıl göründüğüne dair söyledikleri:

  • Erişilebilirlik, özellikle ana metin için kontrast konusunda geçti veya kaldı bilgisini bildirmelidir.

OpenDesign'da design-critique'i SKILL.md bağlantısından içe aktarın: Plugins → Add → Skill → Import from link, ardından üst çubukta seçin.

05 Açık kaynak, izlenebilir

Kaynak, Lisans ve Doğrulama

Bu sayfadaki bilgilerin nereden geldiği ve en son ne zaman kontrol edildiği.

Author
Anthropic
Skill dosyası
design/skills/design-critique/SKILL.md İçerik sağlama toplamı doğrulama sırasında kaydedildi; commit 8f877b6
License
Apache-2.0 LICENSE dosyasından.
Repository yıldızları
24.012 GitHub görüntüsü 2026-09-14 tarihinde tüm anthropics/knowledge-work-plugins repository'si için alındı; bu katalogda 7 skill içerir. design-critique için bir derecelendirme veya kullanım sayısı değil.
OpenDesign tarafından doğrulandı
2026-09-14 Kaynak dosya, yol, lisans metni ve yıldız sayısı kontrol edildi. OpenDesign ana sürümünde dahil değil (2026-08-28 kontrol edildi); bu sayfada canlı bir çalıştırma kaydedilmedi.

SKILL.md içinde

  1. KullanımEğik çizgi komutunun argümanını nasıl aldığı ve tasarım kaynağını nasıl çözdüğü.
  2. Sizden İhtiyacım OlanlarTasarım, bağlam ve isteğe bağlı bir odak alanı.
  3. Eleştiri ÇerçevesiBeş sıralı boyut: ilk izlenim, kullanılabilirlik, hiyerarşi, tutarlılık, erişilebilirlik.
  4. Geri Bildirim Nasıl VerilirBulguları ifade etmek için beş stil kuralı, özgüllükten aşama eşleştirmeye kadar.
  5. ÇıktıEleştirinin izlemesi gereken markdown şablonu, tablolar dahil.
  6. Bağlayıcılar VarsaBir tasarım aracı veya kullanıcı geri bildirimi kaynağı bağlandığında ek hazırlık çalışması.
  7. İpuçlarıBağlam paylaşın, aşamayı belirtin ve daha dar bir odak isteyin.
Skill'in Kendi Açıklaması
Kullanılabilirlik, hiyerarşi ve tutarlılık üzerine yapılandırılmış tasarım geri bildirimi alın. "bu tasarımı incele", "bu taslağı eleştir", "bu ekran hakkında ne düşünüyorsun?" ile tetikleyin veya keşiften son rötuşa kadar herhangi bir aşamada geri bildirim için Figma bağlantısı ya da ekran görüntüsü paylaşın.

SKILL.md'den ön bilgi açıklaması. Tam dosya yaklaşık 3.898 karakter. GitHub'da tam dosyayı okuyun.

06 Kurmadan önce

design-critique Skill Hakkında Sorular

Yanıtlar, 2026-09-14 tarihinde okunan SKILL.md üzerinden alınmıştır, kaydedilmiş bir çalıştırmadan değil.

Bunun çalışması için bir Figma bağlayıcısına ihtiyacım var mı?

Hayır. Bağlı bir tasarım aracıyla, tasarımı doğrudan Figma'dan çekip bileşenleri, token'ları ve katmanları inceleyebilir. Bağlantı yoksa da bir ekran görüntüsü yapıştırabilir veya tasarımı ayrıntılı olarak tarif edebilirsiniz, aynı çerçeve yine uygulanır.

Tasarım Eleştirisi

design-critique'i gerçek bir tasarım inceleme görevinde çalıştırın.

OpenDesign'ı indirin, design-critique'i SKILL.md linkinden içe aktarın, yukarıdaki istemi yapıştırın ve sonuçtan önce planı okuyun.

Terminal
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill design-critique

OpenDesign Masaüstü

Tek tasarım sistemi. Her çıktıda tutarlı bir marka

Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

  • Web, sunum, prototip, pano, görsel ve video
  • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
  • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
Ücretsiz indir

macOS ve Windows için