ios-design-reviewyazan Garry Tan

iOS Design Review Skill.

Claude Code ve Codex için mobil uygulama tasarımı ajanı: gerçek donanımda iOS uygulamalarının görsel tasarım denetimi.

Mobil Uygulamalar
İnceleme raporu

OpenDesign İndir Kullanım kılavuzunu görüntüle

garrytan/gstack · ios-design-review/SKILL.mdSKILL.md

--- name: ios-design-review description: Visual design audit for iOS apps on real hardware. (gstack) --- ## When to invoke this skill ## Confusion Protocol ## Claimed Limitations Need Evidence ## Continuous Checkpoint Mode ## Context Health (soft directive) ## Question Tuning (skip entirely if QUESTION_TUNING: false)

Üst bilgi ve bölüm başlıkları kaynak dosyadan 2026-09-14 tarihinde okundu · tam hali 33.841 karakter

01 Ne yapar

ios-design-review Skill'inin Claude Code ve Codex'te Yaptığı İşler

Ö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

gstack-ios-qa-daemon üzerinden gerçek bir iPhone'a bağlanır, her ekranın ekran görüntüsünü alır ve görsel tasarımı Apple HIG, DESIGN.md ve en iyi uygulamalara göre değerlendirir. On boyutu (tipografi hiyerarşisi, boşluk ritmi, renk hiyerarşisi, dokunma hedefleri, yükleme/boş/hata durumları, erişilebilirlik, animasyon disiplini, iOS deyim uyumu, bilgi yoğunluğu ve AI-slop kontrolü) 0-10 arasında, 'onu 10 yapan ne olurdu' çerçevesiyle puanlar.

iOS deyimlerine uyarlanmış /plan-design-review puanlama rubriğini yansıtır. Ekran görüntüleri, ekran başına puanlar ve en yüksek etkili düzeltme önerileri içeren bir markdown rapor üretir. Plan aşaması tasarım incelemesi (uygulamadan önce) için bunun yerine /plan-design-review kullanın. Canlı web görsel denetimleri için /design-review kullanın.

Neler üretir

Ekran görüntülerinin satır içi yer aldığı, ekran başına puanların (her boyut için 0-10) ve boyut başına en yüksek etkili düzeltme önerilerinin bulunduğu markdown rapor

Örnek istemi görün ↗

Nasıl Çalışır

01
Çalışan Daemon'a Bağlan
Çalışan gstack-ios-qa-daemon'ı kullanır. Çalışan bir daemon yoksa, /ios-qa ile aynı akış üzerinden (Aşama 0-2) bir tane başlatır.
02
Ekranları Yakala
Her ana ekran için (kullanıcının sağladığı bir ekran listesinden veya erişilebilirlik ağacı üzerinden otomatik keşfedilerek), GET /screenshot ve GET /elements aracılığıyla ekran görüntüsü ve öğeleri alır.
03
On Boyutlu Rubriği Uygula
Tipografi hiyerarşisi, boşluk ritmi, renk hiyerarşisi, dokunma hedefleri, yükleme/boş/hata durumları, erişilebilirlik, animasyon disiplini, iOS deyim uyumu, bilgi yoğunluğu ve AI-slop kontrolünü 0-10 arasında puanlar, her birini 10'a çıkaracak şeyi açıklar.
04
Düşük Puanları İşaretle
7'nin altındaki her puan için AskUserQuestion kullanır, sorunu önerilen düzeltme ve ödünleşimle sunarak kullanıcının bunu ele alıp almayacağına karar vermesini sağlar.
05
Rapor Yaz
Ekran görüntülerinin satır içi yer aldığı, ekran başına puanların ve boyut başına en yüksek etkili düzeltme önerilerinin bulunduğu, ~/.gstack/projects/<slug>/ios-design-review-<date>.md dosyasına yazılan bir markdown rapor üretir.

02 Uyumunuzu bulun

ios-design-review Skill Ne Zaman Kullanılır

İş bu tür mobil uygulama tasarımı olduğunda Claude Code veya Codex'te ios-design-review skill'ini kullanın. Uygunluk ve sınırlar skill'in kendi dosyasından alınmıştır.

İyi Uyum

Yayınlamadan önce gerçek donanımda bir iOS uygulamasının görsel QA'sı
Erişilebilirlik uyumluluğunu kontrol etme (VoiceOver etiketleri, Dynamic Type, Reduce Motion)

Sınırları Bilin

Uygulamadan önce plan aşamasında tasarım incelemesi (/plan-design-review kullanın)
Canlı web görsel denetimleri (/design-review kullanın)

03 Skill'in içinde

ios-design-review Skill'inin Claude Code ve Codex'e Verdiği Kurallar

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

Varsayılan Olarak Salt Okunur
Gözlem (observe) yeteneğiyle oturum edinir, iOS cihazında herhangi bir değiştirme çağrısı yapmaz.
Tipografi SF Pro ve Dynamic Type Kullanır
Tipografi hiyerarşisi, display, body ve caption boyutlarını Apple HIG ile uyumlu şekilde, doğru dynamic-type ölçeğinde SF Pro kullanılarak puanlar. Hiçbir yerde 12pt body metni bulunmaz.
Boşluklar 4pt veya 8pt Izgarayı Takip Etmeli
Boşluk ritmi boyutu, tutarlı şekilde 4pt veya 8pt ızgara kullanılmasını, 17/23/31pt gibi rastgele dolgu değerlerinin olmamasını ve safe-area kenar boşluklarına uyulmasını gerektirir.
Dokunma Hedefleri En Az 44x44pt
Her etkileşimli öğe en az 44x44pt olmalıdır. 24pt'den küçük dokunulabilir metin bulunmamalıdır.
Kontrast Oranları WCAG AA'yı Karşılamalı
Renk hiyerarşisi boyutu, body metni için (4.5:1) ve büyük metin için (3:1) WCAG AA kontrast oranlarını karşılamayı ve dark mode'un doğru şekilde işlenmesini gerektirir.
Animasyon Aynı Anda En Fazla 2 ile Sınırlı
Animasyon disiplini boyutu, eşzamanlı animasyonları en fazla 2 ile sınırlar; UI geri bildirimi için süre 200-300ms olmalı ve spring damping doğru olmalıdır (ciddi akışlarda zıplayan olmamalı).
Yerel iOS Bileşenlerini Kullanın
iOS deyimi uyumu boyutu, uygun olan yerlerde yerel bileşenlerin (NavigationStack, List, Form, sistem sheet'leri) kullanılmasını gerektirir; yeniden icat edilmiş navigasyon veya telefonda web tarzı hamburger menüler bulunmamalıdır.
AI-slop Kalıplarını İşaretleyin
AI-slop kontrolü boyutu, genel stok düzenleri, bırakılmış lorem ipsum verilerini, Android'den ithal edilmiş kargo kültü Material Design'ı ve AI tarafından üretilmiş gradyanları yakalar.

04 İşe koyun

ios-design-review'ı Claude Code veya Codex'e Kurun

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

ios-design-review'ı 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/garrytan/gstack --skill ios-design-review

ios-design-review/SKILL.md için genel skills CLI formu; depo kendi yolunu belgeleyebilir.

Skill'e İlk Mobil Uygulama Tasarım Görevini Verin

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

Starter prompt

Review the iOS design of [MyApp] running on the connected iPhone. Focus on the onboarding flow, home screen, and settings. Check for typography hierarchy issues, spacing rhythm inconsistencies, and accessibility compliance. Write the report to the project folder.

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:

Oturumun gözlem (observe) yeteneğiyle edinildiğini ve hiçbir değiştirme çağrısı yapılmadığını doğrulayın

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

OpenDesign İndir Hızlı başlangıcı okuyun

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: Garry Tan
Repository: github.com/garrytan/gstack Branch main
Skill dosyası: ios-design-review/SKILL.md Doğrulama sırasında içerik sağlama toplamı kaydedildi; commit 71f6048
License: MIT LICENSE dosyasından.
Repository yıldızları: 132.921 GitHub anlık görüntüsü, bu katalogda 7 skill içeren tüm garrytan/gstack deposu için 2026-09-14 tarihinde alındı. ios-design-review için bir değerlendirme veya kullanım sayısı değildir.
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

Bu skill ne zaman çağrılmalıStateServer üzerinden gerçek donanımda iOS uygulamalarının görsel denetimi, on boyutta 0-10 arası puanlama yapar
BağlantıÇalışan gstack-ios-qa-daemon'ı kullanır, gerekirse /ios-qa akışı üzerinden başlatır, varsayılan olarak salt okunur
Boyutlar ve puanlamaOn boyutlu değerlendirme çizelgesi: tipografi, boşluk düzeni, renk, dokunma hedefleri, durumlar, erişilebilirlik, animasyon, iOS deyimi, yoğunluk, AI-slop
DöngüOturum edinir, her ekranın ekran görüntüsünü alır, değerlendirme çizelgesini uygular, bulguları kaydeder, markdown rapor üretir
ÇıktıEkran görüntülerinin gömülü olduğu markdown rapor, ekran başına puanlar, en yüksek etkili düzeltme önerileri
Hata durumları403 capability_insufficient, boş ekran görüntüleri, eksik ekranları ele alır

Skill'in Kendi Açıklaması

"Gerçek donanımda iOS uygulamaları için görsel tasarım denetimi. (gstack)"

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

06 Kurmadan önce

ios-design-review 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.

Bu, /plan-design-review'dan farkı nedir?

Bu skill, gerçek bir iOS cihazında çalışır ve yayınlanmış veya geliştirilmekte olan uygulamaları Apple HIG ve iOS deyimlerine göre değerlendirir. /plan-design-review, uygulamadan önce tasarım özelliklerini değerlendirir. Bu skill, aynı puanlama çizelgesini iOS'a taşıyarak yansıtır.

iOS Design Review

ios-design-review'ı Gerçek Bir Mobil Uygulama Tasarım Görevinde Çalıştırın.

OpenDesign'ı indirin, ios-design-review'ı SKILL.md bağlantısından içe aktarın, yukarıdaki komutu yapıştırın ve sonuç öncesi planı okuyun.

OpenDesign'ı İndirin Tüm skill'lere göz atın

Terminal

npx skills add https://github.com/garrytan/gstack --skill ios-design-review

ios-design-review Skill'inin Claude Code ve Codex'te Yaptığı İşler

Skill'in Kendi İfadeleriyle

Nasıl Çalışır

ios-design-review Skill Ne Zaman Kullanılır

İyi Uyum

Sınırları Bilin

ios-design-review Skill'inin Claude Code ve Codex'e Verdiği Kurallar

Varsayılan Olarak Salt Okunur

Tipografi SF Pro ve Dynamic Type Kullanır

Boşluklar 4pt veya 8pt Izgarayı Takip Etmeli

Dokunma Hedefleri En Az 44x44pt

Kontrast Oranları WCAG AA'yı Karşılamalı

Animasyon Aynı Anda En Fazla 2 ile Sınırlı

Yerel iOS Bileşenlerini Kullanın

AI-slop Kalıplarını İşaretleyin