# Design > Tasarim Becerileri - Skill: `fatihkan/design` (Agent Skill) - Install (CLI): `npx skillmds@latest add fatihkan/design` - Raw SKILL.md: https://api.skillmd.com/api/skills/fatihkan/design/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: fatihkan (https://skillmd.com/u/fatihkan) - Updated: 2026-09-21 - Page: https://skillmd.com/skills/fatihkan/design --- # Tasarim Becerileri > 54 yapilandirilmis prosedur ## Beceri Listesi ### ui-tasarim Kullanici arayuzu tasarlama becerisi. Gorsel hiyerarsi, renk teorisi ve tipografi ilkeleriyle kullanici dostu ve estetik arayuzler olusturur. --- ### ux-arastirma Kullanici deneyimi arastirma becerisi. Kullanici mulakatlarim, kullanilabilirlik testleri ve anketler ile veri odakli tasarim kararlari alir. --- ### wireframe-olusturma Sayfa ve ekran wireframe'leri olusturma becerisi. Icerik yerlesimi, navigasyon yapisi ve islevsel akim ile temel tasarim iskeletini tanismlar. --- ### prototipleme Etkiiesimli prototip olusturma becerisi. Tiklanabilir prototipler ile tasarim konseptlerini kullanici testi oncesinde canlandirir. --- ### tasarim-sistemi Tasarim sistemi olusturma ve yonetme becerisi. Bilesen kitapligi, tokenlar ve tasarim ilkeleri ile tutarli ve olceklenebilir tasarim altyapisi kurar. --- ### renk-paleti-olusturma Marka ve proje icin renk paleti tasarlama becerisi. Renk teorisi, kontrast kurallari ve erisilebilirlik standartlari ile etkili renk sistemleri olusturur. --- ### tipografi-secimi Proje icin tipografi sistemi olusturma becerisi. Font eslestirme, boyut olcegi ve okunabilirlik optimizasyonu ile etkili tipografik hiyerarsi saglar. --- ### ikonografi-tasarim Ikon seti tasarlama ve yonetme becerisi. Tutarli stil, olcu ve kullanim kurallariyla kapsamli ikon kitapligi olusturur. --- ### responsive-tasarim Farkli ekran boyutlarina uyumlu tasarim becerisi. Mobil, tablet ve masaustu icin optimize edilmis duyarli yerlesimler olusturur. --- ### kullanilabilirlik-testi Kullanilabilirlik testi planlama ve yurutme becerisi. Gorev bazli testler, gozlem ve analiz ile tasarim sorunlarini tespit eder. --- ### erisilebilirlik-tasarim WCAG standartlarina uygun erisieblir tasarim becerisi. Renk kontrastı, klavye navigasyonu ve ekran okuyucu uyumlulugu ile herkes icin kullanilabilir tasarimlar olusturur. --- ### animasyon-tasarim UI animasyon ve mikro-etkilesim tasarlama becerisi. Gecis efektleri, yukleme animasyonlari ve geri bildirim animasyonlari ile zengin kullanici deneyimi saglar. --- ### marka-kimligi Marka gorsel kimligi tasarlama becerisi. Logo, renk, tipografi ve gorsel dil ile tutarli marka deneyimi olusturur. --- ### logo-tasarim Logo tasarimi becerisi. Marka temsili, olceklenebilirlik ve farkli ortamlarda kullanim icin profesyonel logolar olusturur. --- ### gorsel-hiyerarsi Gorsel hiyerarsi tasarlama becerisi. Boyut, renk, konum ve bosluk kullranarak bilgi onceliklendirmesi ve gorsel yonlendirme saglar. --- ### dashboard-ui-tasarim Veri dashboard arayuzleri tasarlama becerisi. Bilgi yogunlugu, gorsellesirme bilesenleri ve kullanici etkilesimi ile etkili veri gosterge panelleri olusturur. --- ### form-tasarimi Kullanici dostu form tasarlama becerisi. Alan siralamasii, dogrulama mesajlari ve adim adim formlar ile yuksek tamamlama oranli formlar olusturur. --- ### mobil-ui-tasarim Mobil uygulama arayuzu tasarlama becerisi. iOS ve Android platformu kilavuzlarina uygun, parmark dostu ve performansli mobil tasarimlar olusturur. --- ### web-tasarim Web sitesi tasarlama becerisi. Gorsel tasarim, icerik yerlesimi ve kullanici akisi ile etkili ve estetik web sayfalari olusturur. --- ### sunum-tasarim Profesyonel sunum slaytlari tasarlama becerisi. Gorsel etki, bilgi netiligi ve marka tutarliligi ile etkili sunum materyalleri olusturur. --- ### email-tasarim E-posta tasarimi becerisi. HTML e-posta sablonlari, mobil uyumluluk ve e-posta istemci uyumlulugu ile etkili e-posta tasarimlari olusturur. --- ### sosyal-medya-gorsel Sosyal medya gorselleri tasarlama becerisi. Platform boyut standartlari, gorsel trendler ve marka uyumu ile dikkat cekici sosyal icerikler olusturur. --- ### infografik-gorsel-tasarim Infografik gorsel tasarim becerisi. Veri gorsellesirme, bilgi akisi ve gorsel hiyerarsi ile karmasik bilgileri anlasilir gorsellere donusturur. --- ### ux-yazimi UX odakli arayuz metinleri tasarlama becerisi. Mikro kopya, yonlendirme metinleri ve hata mesajlari ile kullanici deneyimini iyilestiren metinler olusturur. --- ### tasarim-inceleme Tasarim calismalarini inceleme ve geri bildirim verme becerisi. Yapici kritik, tutarlilik kontrolu ve iyilestirme onerileri ile tasarim kalitesini arttirir. --- ### kullanici-akisi-tasarim Kullanici akislari ve is akisi diyagramlari tasarlama becerisi. Ekranlar arasi gezinme, karar noktalari ve alternatif yollarla kapsamli kullanici yolculugu gorsellestirir. --- ### tasarim-teslim Tasarim dosyalarini gelistirme ekibine teslim etme becerisi. Olcu, renk, asset ve etkilesim spesifikasyonlari ile sorunsuz tasarim-gelistirme gecisi saglar. --- ### gorsel-tutarlilik Tasarim tutarliligini saglama becerisi. Bilesenler, stiller ve oruntular arasinda gorsel tutarlilik denetimi yapar. --- ### landing-page-tasarim Donusum odakli landing page tasarlama becerisi. Gorsel hiyerarsi, CTA vurgusu ve guven elemanlari ile yuksek donusum oranli sayfalar tasarlar. --- ### e-ticaret-ui-tasarim E-ticaret arayuzleri tasarlama becerisi. Urun listesi, urun detay, sepet ve odeme akislari ile satin alma deneyimini optimize eder. --- ### tasarim-token Tasarim token sistemi olusturma becerisi. Renk, tipografi, bosluk ve golge tokenlarini tanimlayarak tasarim-kod tutarliligi saglar. --- ### empati-haritasi Kullanici empati haritasi olusturma becerisi. Kullanicinin dusundugu, hissettigi, gordugu ve yaptigi boyutlariyla derinlemesine kullanici anlayisi saglar. --- ### persona-tasarimi Kullanici persona profilleri olusturma becerisi. Demografik, davranissal ve motivasyonel ozelliklerle temsili kullanici profilleri tasarlar. --- ### bilgi-mimarisi Web ve uygulama bilgi mimarisi tasarlama becerisi. Icerik organizasyonu, navigasyon yapisi ve etiketleme sistemi ile kullanicinin bilgiye erisimini kolaylastirir. --- ### gorsel-arastirma Tasarim ilham ve referans arastirmasi becerisi. Mood board, trend analizi ve rakip tasarim incelemesi ile tasarim yonu belirler. --- ### baskilat-tasarimi Baski materyalleri tasarlama becerisi. Kartvizit, brosur, poster ve katalog gibi fiziksel materyallerin profesyonel tasarimini yapar. --- ### illustrasyon Dijital illustrasyon olusturma becerisi. Marka uyumlu, ozgun ve iletisim amacli illustrasyonlar cizer. --- ### hareket-tasarimi Hareket grafikleri (motion graphics) tasarlama becerisi. Video intro, animasyonlu icerik ve UI mikro-animasyonlari ile dinamik gorsel deneyimler olusturur. --- ### veri-gorsellesirme-tasarim Veri gorsellesirme tasarlama becerisi. Grafik turu secimi, renk kodlamasi ve etkilesim tasarimi ile veriden anlan cikaran gorseller olusturur. --- ### oyun-arayuzu-tasarim Oyun kullanici arayuzu tasarlama becerisi. HUD, menu, envanter ve diyalog sistemleri ile oyuncuu deneyimini optimize eden arayuzler olusturur. --- ### ar-vr-tasarim Artirilmis ve sanal gerceklik deneyimi tasarlama becerisi. 3B arayuz, mekansal etkilesim ve bakmak gecici navigasyon ile immersif deneyimler olusturur. --- ### karanlilk-mod-tasarim Karanlik mod arayuz tasarlama becerisi. Renk donusumu, kontrast ayarlari ve gorsel konfor ile etkili karanlik tema tasarimlari olusturur. --- ### mikro-etkilesim Mikro-etkilesim tasarlama becerisi. Buton hover, yukleme durumu, basari geri bildirimi gibi kucuk ama etkili etkilesimlerle kullanici deneyimini zenginlestirir. --- ### tasarim-sprint Tasarim sprint sureci planlama ve yurutme becerisi. Google Ventures Design Sprint metodolojisi ile 5 gunde problem cozme ve prototipleme yapar. --- ### kullanici-testi-plani Kullanici testi planlama ve yurutme becerisi. Test senaryolari, katilimci profili ve analiz yontemleri ile sistematik kullanici arastirmasi yapar. --- ### tasarim-versiyon-yonetimi Tasarim dosyalarinin versiyonlama ve yonetim becerisi. Dosya adlandirma, dallanma stratejisi ve inceleme sureci ile duzenli tasarim is akisi saglar. --- ### cok-dilli-tasarim Birden fazla dili destekleyen arayuz tasarlama becerisi. Metin uzamalari, RTL destegi ve kulturel uyum ile uluslararasi tasarimlar olusturur. --- ### tasarim-qA Tasarim uygulama kalitesini kontrol etme becerisi. Gelistirilen urun ile tasarim dosyasi arasindaki farklari tespit eder ve duzeltme saglar. --- ### tasarim-sistemi-yonetimi Mevcut tasarim sistemini yonetme ve gelistirme becerisi. Bilesen guncellemeleri, yeni eklemeler ve kullanim izleme ile canli tasarim sistemi yonetir. --- ### urun-fotograf-yonlendirme Urun fotograflari icin gorsel yonlendirme becerisi. Cekim acisi, isik, arka plan ve stilizasyon talimatlari ile profesyonel urun gorselleri planlar. --- ### kullanici-arastirma-plani Kapsamli kullanici arastirma programi planlama becerisi. Arastirma yontem secimi, takvim ve kaynak planlama ile sistematik kullanici arastirmasi yonetir. --- ### gorsel-stil-kesfı Proje icin gorsel stil ve estetik yon belirleme becerisi. Farkli gorsel yaklasimlari kesfederek projeye en uygun tasarim dilini tanımlar. --- ### tasarim-prensipleri Proje bazli tasarim prensipleri olusturma becerisi. Tasarim kararlarina rehberlik eden ilkeler tanimlayarak ekip icinde tutarli karar alma saglar. --- ### tasarim-atolyesi Tasarim atolyesi (workshop) planlama ve yurutme becerisi. Katilimci etkinlikleri, beyin firtinasi ve co-creation ile isbirligi icerisinde tasarim fikirleri olusturur.