Accessibility Compliance
Ekran okuyucu desteği, klavye navigasyonu ve mobil erişilebilirlik içeren WCAG 2.2 AA uyumlu arayüzler oluşturmak için bir uygulama araç seti.
Gerçek müşteri işinden çıkarıldı, kanıtı ekli. Bir parça seç ya da hepsini al.
Tüm kataloğu gör → Hazır kitlere bak → Kendi setini kur →Katalog · konu
Ziyaretçiyi müşteriye çeviren ve erişilebilirlik standartlarını geçen arayüzler. Tasarım sistemleri, özenli bileşenler, erişilebilirlik denetimi ve insanların ekranı gerçekte nasıl okuduğuna dayanan sayfa düzeni.
Bunları birleştiren şey, tasarımı yalnızca zevke bırakmamak. Yönü sektör verisi belirler, erişilebilirlik bir his değil kontrol edilebilir bir sayı olur, üç turlu gözden geçirme de "iyi görünüyor" yerine doğrulanmış kontrast ve düzen koyar.
26 beceriler · 2 ajanlar
Design Intelligence Kit ile başlayın; tasarıma oturmadan önce sektörünüzde neyin çalıştığını görün, sonra sonucu Accessibility Compliance ile kontrol edin.
Ekran okuyucu desteği, klavye navigasyonu ve mobil erişilebilirlik içeren WCAG 2.2 AA uyumlu arayüzler oluşturmak için bir uygulama araç seti.
Animasyonlu web sitesi varlıkları üretmek için 25 hazır prompt şablonundan oluşan yeniden kullanılabilir bir katalog: hero görselleri, döngülü arka plan videoları, reveal-mask geçişleri ve sinematik VFX, önde gelen yapay zekâ görsel ve video modelleri için.
Ürettiğiniz her görsele: sunumlar, posterler, sosyal medya, arayüz taslakları ve belgeler, tutarlı, resmi bir marka kimliği uygulayın.
Düzenleri doğal dilde ürettiğiniz web aracı (Claude Design) ile bunları gerçek kod tabanınızda uygulayan terminali (Claude Code) birbirine bağlayan bir devir iş akışıdır.
Amatör veya ucuz görünen herhangi bir web tasarımını yükseltmek için nörobilim temelli, karar odaklı bir çalışma yöntemidir.
Her tasarım kararını içgüdü yerine veriye dayandıran sektörel bir tasarım veritabanıdır.
Doğru tasarım token'ları, tema altyapısı ve bileşen mimarisiyle ölçeklenebilir tasarım sistemleri kurmak için bir plandır.
Figma'yı kod tabanınıza bağlar; böylece bir tasarımcının renk, font, boşluk veya gölge değişikliği tek bir doğruluk kaynağından geçerek otomatik olarak Tailwind yapılandırmasına, CSS değişkenlerine, Swift ve Kotlin'e akar.
Süslemek yerine iletişim kuran mikro etkileşimler, hareket, geçişler ve kullanıcı geri bildirimi tasarlamak için pratik bir araç seti.
Modern, uyarlanabilir Android uygulamaları inşa etmek için Material Design 3 ve Jetpack Compose üzerine bir ustalık dersi.
Cilalı, yerel iOS uygulamaları inşa etmek için Apple'ın İnsan Arayüz Yönergeleri ve SwiftUI üzerine bir ustalık dersi.
Gemini 3 Pro Image (Nano Banana) için üretim kalitesinde komut mühendisliği, sosyal medya görselleriniz plastik ve yapay görünmek yerine keskin ve markaya uygun çıksın.
Bir React Native uygulamasını taşınmış değil, yerel hissettiren stillendirme, navigasyon ve animasyon katmanını sağlar.
Her arayüz kararını tahmin yerine gerçek ürün ekranlarına dayandıran, araştırma öncelikli bir tasarım metodolojisi.
2026 tarayıcılarının gerçekten çalıştığı şekliyle uygulanan modern duyarlı tasarım: konteyner sorguları, clamp() ile akışkan tipografi, içsel CSS Grid ve gerçek bir mobil öncelikli kırılım stratejisi.
Web uygulamanızı VoiceOver, NVDA ve JAWS dahil gerçek ekran okuyucularla test etmek için komut düzeyinde pratik bir kılavuzdur, böylece erişilebilirliği engelli kullanıcıların gerçekte deneyimlediği şekilde doğrularsınız.
shadcn/ui ile erişilebilir ve markaya uygun arayüz inşa edin: Radix primitive'leri, Tailwind CSS ve class-variance-authority, component'lerin node_modules'a değil doğrudan reponuza kopyalandığı copy-paste mimarisiyle bir araya gelir.
Tailwind CSS, tasarım token'ları ve tipli bir bileşen kütüphanesiyle üretime hazır bir tasarım sistemi kurun.
Bir tasarımdaki 'AI ucuzluğu' kokusunu yakalayın: jenerik kahraman gradyan lekeleri, üç kolonlu özellik ızgaraları, stok fotoğraflı ekipler, 'İşinizi güçlendirin' gibi lorem-ipsum fiilleri: ve onu zanaat odaklı, referans temelli işle değiştirin.
Herhangi bir içeriğe saniyeler içinde tutarlı, profesyonel bir görsel kimlik kazandıran bir tema araç seti.
React ve Next.js için üretim seviyesinde bir frontend kalıp kütüphanesi: bileşen sınıflandırması (Server mı Client mı), durum mimarisi, zorunlu veri-gösterimi ve form kalıpları, Tailwind stil disiplini.
Nielsen'in 10 sezgisel kuralını, Krug'un 3-tık ilkesini, Fitts Yasası'nı ve Hick Yasası'nı tek bir 0-100 puanlama rubriğinde birleştiren kanıt temelli bir UX denetim el kitabı.
Tipografi, renk, boşluk ve ikonografi temel ilkelerinden tutarlı, erişilebilir görsel sistemler kurmak için bir temel.
Her kontrolü POUR ilkeleri (Algılanabilir, Çalıştırılabilir, Anlaşılabilir, Sağlam) altında düzenleyen ve otomatik taramayı disiplinli manuel doğrulamayla birleştiren tam bir WCAG 2.2 erişilebilirlik denetim çerçevesi.
React, Vue ve Svelte genelinde, prop patlaması yerine temiz birleştirme desenleriyle yeniden kullanılabilir ve bakımı kolay UI bileşenleri kurmanın ustalık dersi.
Erişilebilirlik, duyarlı davranış, etkileşim desenleri ve görsel kaliteyi canlı, topluluk güdümlü bir web arayüz standardına göre denetleyen sistematik bir UI kod inceleme motoru.
Sosyal görseller ve marka kimliği için bir yaratıcı yönetmen.
Landing page'leri optimize eden, formları sadeleştiren, A/B test tasarlayan ve WCAG 2.2 erişilebilirliğini uygulayan dönüşüm-öncelikli bir UX tasarımcısı.
Üretim kodu. Component skill’leri erişilebilir, WCAG’den geçmiş arayüz işi çıkarır. Accessibility Compliance ise eldekini denetler. Ajans mockup’la fatura kesmez; çalışan component’le keser.
Her elemanın bir görevi var: başlık dikkati sabitler, CTA gözün indiği yerde durur, vurgu süs için değil Von Restorff’a göre dağılır. Skill’ler bu sistemi kodlar, sayfa derlenmez, kompoze edilir.
Evet. Accessibility Compliance WCAG 2.2 AA turunu koşar: gerçek zeminde gerçek kontrast hesabı, klavye yolları, odak durumları ve dokunma hedefleri; puan değil düzeltme listesi döner.