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
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.
Tasarımı tarayıcıda üretip yinelersiniz, devir butonuna basıp bir paket oluşturursunuz ve uygulama katmanı bu paketi erişilebilirlik, duyarlı test ve güvenli yayın ile üretim bileşenlerine dönüştürür. Tasarımdan geliştirmeye geçiş boşluğunu kapatır, böylece tasarım her görsel işte varsayılan ilk adım olur.
₺369 tek seferlik
Bir kit içine ekle → Fiyatlara KDV (%20) dahildir. · Gerçek ajans işinden çıkarıldı · tek seferlik, kilit yok
- Tür Skill
- Kategori Tasarım & UX
- Teslimat E-posta · anında
- Lisans Tek seferlik
Çalışmanın içinden · kara kutu yok
Satın almadan önce işin kendisini gör.
Bu, iki doğrulanmış girişi olan bir tasarımdan koda handoff hattı: claude.ai Design web'de üretir, terminal uygular. Akışın birebiri:
- Tasarım claude.ai Design'da doğal dil brief ile başlar (müşteri, sayfa, ton, palet, fontlar, güven sinyalleri, CTA'lar, 3 varyant istenir); seçilen varyantın Handoff to Claude Code butonu bundle üretir: çalışan HTML/CSS, design token JSON'u, component spec'leri ve ekran görüntüleri.
- Terminal ajanı bundle'ı okur ve koda dokunmadan önce sektörel tasarım veritabanına karşı doğrular: palet ve stil müşterinin sektörünün gerçekten ihtiyaç duyduğuyla eşleşiyor mu, sapma varsa işaretlenir.
- Müşteri reposunun güncel durumunu ve mevcut component'leri çeker, sonra bundle'ın HTML/CSS'ini Next.js'e shadcn-ui ve Tailwind ile refactor eder; mevcut i18n anahtarları çevirilerin üzerine yazılmadan korunur.
- Kalite kapılarını sırayla koşar: WCAG 2.2 AA erişilebilirlik denetimi, üç viewport'ta responsive test, ardından güvenli commit ve deploy, en sonda gerçekten render edilen sonucun canlı URL testi.
- Design'ın terminalden sürülmesi gerektiğinde doğrulanmış tarayıcı köprüsünü kullanır: playwright kalıcı profili kimliği doğrulanmış canlı claude.ai oturumu taşır, login ve Cloudflare duvarı otomatik geçilir, brief girilmeden önce hesap kontrolü zorunludur.
- Claude Design'dan yalnızca dört tanımlı durumda fallback yapılır (fotorealistik ürün fotoğrafı, müşterinin verdiği Figma dosyası, derin shadcn component cilası, tekil basit ikon) ve her fallback yazılı gerekçe ister.
Tek güç kaynağı. 6 hat dışarı.
claude-design-integration · çekirdek
çekirdek aktif · 6 hat
- ✓ doğal dil brifinden bir
Doğal dil brifinden bir açılış sayfası hero ve başlığını yeniden tasarlamak
- ✓ bir tasarım paketini üre…
Bir tasarım paketini üretim çatı bileşenlerine dönüştürmek
- ✓ sunum, e-posta şablonu v…
Sunum, e-posta şablonu veya sosyal medya gönderi düzeni üretmek
- ✓ piksel ayarı yerine sade
Piksel ayarı yerine sade dil düzenlemeleriyle tasarımı yinelemek
- ✓ mevcut çeviri anahtarlar…
Mevcut çeviri anahtarlarını koruyarak seçilen bir varyantı uygulamak
- ✓ tasarım işini ana kullan…
Tasarım işini ana kullanımınızı korumak için ayrı bir kota havuzunda tutmak
Aldıkların sende kalır.
Zamanı ileri sar. Ne kaldığını izle.
Sonsuza dek
Sahip olmak tam olarak bu.
Kiralık yığın
yapay zekâ yazım aracı: abonelik
süresi doldu · erişim gittianaliz paketi: abonelik
süresi doldu · erişim gittitasarım platformu: abonelik
süresi doldu · erişim gitti(geriye bir şey kalmadı)
Senin ocağın
-
İstemden çalışan çok sayfalı bir prototipe saatler yerine saniyeler içinde geçmek
lisans: kalıcı -
Tasarımları sadece taslak değil erişilebilir, duyarlı üretim bileşenleri olarak yayınlamak
lisans: kalıcı -
Piksel sürüklemek yerine konuşarak yinelemek ('hero'yu büyült, vurguyu altın yap')
lisans: kalıcı -
Tasarım işini kendi kotasına yönlendirerek ana kullanım bütçenizi korumak
lisans: kalıcı
abonelikler biter · tapular bitmez
Kutudaki her şey.
Bir parçayı eline al. Çalışırken izle.
Web tasarımından terminal uygulamasına 3 rollü, adım adım devir iş akışı
6 parça · tek çalışan sistem · e-postayla anında teslim
Sahadan · yaşanmış vaka
Bu, masa başında yazılmadı.
2026-06-09 · Sorun
claude.ai Design'ı terminalden sürme denemeleri, chrome-devtools otomasyon profiliyle açıldığında sürekli Cloudflare Turnstile bot duvarına çarpıyordu ve çalışan yöntem defalarca keşfedilip unutulmuştu.
Müdahale
Playwright kalıcı profil yolu doğrulanıp kanonik olarak kilitlendi: o profil zaten kimliği doğrulanmış canlı bir claude.ai oturumu ve uzun ömürlü Cloudflare geçiş çerezi taşıdığı için login ve bot duvarı otomatik geçiliyor. Brief girilmeden önce zorunlu hesap doğrulama adımı eklendi, chrome-devtools yolu anti-pattern olarak işaretlendi.
Sonuç
Bu herkes için dövülmedi.
- Araç kiralamayı sahip olmaya tercih ediyorsan, sana göre değil.
- Yığınını senin yerine başkası yönetsin istiyorsan, sana göre değil.
- Tahmin etmekten memnunsan, sana göre değil.
Doğal dilde görsel olarak fikir üretip sonucu gerçek, üretim kalitesinde kod olarak yayınlamak isteyen tasarımcılar, ajanslar ve geliştiriciler.
o zaman bu senin için dövüldü.Hangi AI ile çalışır
Tasarımı gereği evrensel: her yapay zekada çalışır. Açık Agent Skills + MCP biçiminde gelir (Claude’da yerleşik); ChatGPT, Gemini, Cursor ve Copilot aynı dosyaları kendine uyarlar.
- Claude Yerleşik biçim
- ChatGPT Açık standartla uyarlanır
- Gemini Açık standartla uyarlanır
- Cursor Açık standartla uyarlanır
- Copilot Açık standartla uyarlanır
Aklındakini yakala.
hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar
-
Bunun çalışması için hem web aracı hem terminal tarafı gerekli mi?
Evet, akış ikisinin arasındaki köprüdür. Tasarımı tarayıcıda Claude Design'da yapar, uygulamayı deponuzda Claude Code üzerinden yürütürsünüz. Devir paketi yerleşimi birinden diğerine taşıyan şeydir.
-
Devir gerçek bileşen mi üretir, yoksa statik bir HTML yığını mı yapıştırır?
Uygulama katmanı paketi tek kullanımlık işaretleme yerine framework'ünüzün bileşenlerine dönüştürür. Böylece tarayıcıda üzerinde çalıştığınız hero ve header, gerçekten bakımını yapabileceğiniz kod olarak iner.
-
Tasarım yönünü benim yerime o mu bulur?
Hayır, doğal dille zaten şekillendirdiğiniz bir tasarımı üretime taşır. Tat ve brief yine sizin kararınız. Akış fikri değil, fikirden teslimata uzanan boşluğu halleder.
-
Nasıl teslim edilir?
Satın alımdan hemen sonra e-posta ile iletilir, kuruluma hazır, anında indirilir; bekleme yok.
-
Tek seferlik mi, abonelik mi?
Tek seferlik alımdır; abonelik veya gizli ücret yoktur. Fiyata KDV (%20) dahildir.
-
İade alabilir miyim?
Dijital ürün olduğu için indirildikten sonra iade yapılmaz. Bu yüzden ne içerdiğini ve kime uygun olduğunu burada açıkça paylaşıyoruz.