Katalog · konu

Tasarım & UX

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

Kim için
  • Arayüz çıkaran ama her renk ve boşluk kararında tereddüt eden geliştirici
  • Jenerik ve yapay zeka işi görünen tasarımlardan bıkmış kurucu
  • His değil, erişilebilirlik kanıtı isteyen ajans tasarımcısı
Nereden başla

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.

Beceriler 26

Tasarım & UX Skill

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.

₺369
İncele →
Tasarım & UX Skill

Animated Site Prompts

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.

₺369
İncele →
Tasarım & UX Skill

Brand Guidelines

Ürettiğiniz her görsele: sunumlar, posterler, sosyal medya, arayüz taslakları ve belgeler, tutarlı, resmi bir marka kimliği uygulayın.

₺369
İncele →
Tasarım & UX Skill

Claude Design Integration

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.

₺369
İncele →
Tasarım & UX Skill

Design Craft

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.

₺369
İncele →
Tasarım & UX Skill

Design Intelligence

Her tasarım kararını içgüdü yerine veriye dayandıran sektörel bir tasarım veritabanıdır.

₺369
İncele →
Tasarım & UX Skill

Design System Patterns

Doğru tasarım token'ları, tema altyapısı ve bileşen mimarisiyle ölçeklenebilir tasarım sistemleri kurmak için bir plandır.

₺369
İncele →
Tasarım & UX Skill

Design Token Parser Specify

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.

₺369
İncele →
Tasarım & UX Skill

Interaction Design

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.

₺369
İncele →
Tasarım & UX Skill

Mobile Android Design

Modern, uyarlanabilir Android uygulamaları inşa etmek için Material Design 3 ve Jetpack Compose üzerine bir ustalık dersi.

₺369
İncele →
Tasarım & UX Skill

Mobile iOS Design

Cilalı, yerel iOS uygulamaları inşa etmek için Apple'ın İnsan Arayüz Yönergeleri ve SwiftUI üzerine bir ustalık dersi.

₺369
İncele →
Tasarım & UX Skill

Nano Banana Mastery

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.

₺369
İncele →
Tasarım & UX Skill

React Native Design

Bir React Native uygulamasını taşınmış değil, yerel hissettiren stillendirme, navigasyon ve animasyon katmanını sağlar.

₺369
İncele →
Tasarım & UX Skill

Refero Design

Her arayüz kararını tahmin yerine gerçek ürün ekranlarına dayandıran, araştırma öncelikli bir tasarım metodolojisi.

₺369
İncele →
Tasarım & UX Skill

Responsive Design

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.

₺369
İncele →
Tasarım & UX Skill

Screen Reader Testing

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.

₺369
İncele →
Tasarım & UX Skill

Shadcn UI

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.

₺369
İncele →
Tasarım & UX Skill

Tailwind Design System

Tailwind CSS, tasarım token'ları ve tipli bir bileşen kütüphanesiyle üretime hazır bir tasarım sistemi kurun.

₺369
İncele →
Tasarım & UX Skill

Taste Skill Anti Cookie Cutter

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.

₺369
İncele →
Tasarım & UX Skill

Theme Factory

Herhangi bir içeriğe saniyeler içinde tutarlı, profesyonel bir görsel kimlik kazandıran bir tema araç seti.

₺369
İncele →
Tasarım & UX Skill

UI

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.

₺369
İncele →
Tasarım & UX Skill

UX Audit Toolkit Nielsen

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ı.

₺369
İncele →
Tasarım & UX Skill

Visual Design Foundations

Tipografi, renk, boşluk ve ikonografi temel ilkelerinden tutarlı, erişilebilir görsel sistemler kurmak için bir temel.

₺369
İncele →
Tasarım & UX Skill

WCAG Audit Patterns

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.

₺369
İncele →
Tasarım & UX Skill

Web Component Design

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.

₺369
İncele →
Tasarım & UX Skill

Web Design Guidelines

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.

₺369
İncele →

Ajanlar 2

Tasarım & UX Ajan

UX Visionary

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ı.

₺1.990
İncele →
Sorular · hâlâ havada

Aklındakini yakala.

hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar

  1. Tasarım skill’leri gerçek kod mu üretiyor, mockup mı?

    Ü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.

  2. “Nörobilim temelli kompozisyon” pratikte ne demek?

    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.

  3. Claude mevcut sitemin erişilebilirliğini denetleyebilir mi?

    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.