cmd

@10appgetmillion ikisi de. mobil app, web, panel, dashboard hepsini yapıyor. denedim: tek ekran tasarımları çok iyi çıkıyor, uzun flow'larda 3-4 ekran sonra takılıyor. mockup ve prototype için mükemmel, production design için henüz yeterli değil. ücretsiz, denemeye değer.

@cmdnoir Bu sistem daha çok UI/UX tasarım altyapısı niteliğimi taşıyor ? Yoksa daha çok web sayfaları veya panelleri için mi ? Henüz denemedim vaktim olmadı. Sence nasıl denediysen ?

google stitch'i tamamen yeniledi ve bu figma'ya ciddi rakip olma potansiyeli taşıyor. 5 büyük yenilik: 🎨 ai-native canvas 🧠 daha akıllı design agent 🎙️ voice (preview) ⚡️ instant prototype'lar 📐 design system'ler ve design. md hepsi ücretsiz. thread 👇 1/8

claude code'dan apple watch'una bildirim gönderen tool: taphaptic. claude task tamamladığında watch'unda haptic feedback alıyorsun. local network üzerinden çalışıyor. claude task completion signal'lerini haptic'e çeviriyor. kurulum: repo clone et, bootstrap script çalıştır, watch'a yükle, 4 haneli kod ile eşleştir. watch lan üzerinden local api'yi otomatik buluyor. kullanım: claude'a task ver, laptop'u bırak, başka işle ilgilen. task bitince watch titriyor. context switching azaltıyor. sürekli terminal'e bakmak yerine task bittiğinde haberdar oluyorsun. açık kaynak. link ilk yorumda

figma make zaten prompt-to-prototype yapıyor ve çoğu design ekibinin zaten kullandığı araç içinde. ama stitch ücretsiz. ayda 350 üretim (standard mode, gemini 2.5 flash), 50 üretim (experimental mode, gemini 2.5 pro). kredi kartı yok. figma make ücretli plan gerektiriyor. solo founder'lar, erken aşama ekipler ve stakeholder'lara mockup göstermesi gereken engineer'lar için ücretsiz compelling argüman. rekabet hangi araç daha güzel mockup üretiyor değil, fikirden deployment'a kadar olan pipeline'ı kim kontrol ediyor. figma profesyonel design workflow'a sahip. google ai-native olanı istiyor, başlangıç noktası layer değil dil. stitch.withgoogle.com'da canlı. 8/8

design.md en az gösterişli ama en ilginç ekleme olabilir. design kurallarını (renkler, tipografi, spacing, component pattern'ları) ai agent'larının okuyabileceği markdown formatında tutuyor. mcp server ve sdk ile bağlanıyor. tasarım araçları ve kod araçları arasında köprü. stitch mcp server ve sdk yakın zamanda yayınlandı. cursor, antigravity veya gemini cli gibi ai araçları stitch projelerine bağlanabiliyor, skill'ler ve tool'lar aracılığıyla stitch'in yeteneklerinden faydalanabiliyor. 7/8

@buzzicra bence kesinlikle fırsat tanınması gereken bir araç

@cmdnoir aktif olarak kullanmak istediğim ama sürekli screensdesign kullandığım için kullanmama ihtiyaç kalmayan o google ürünü…

google stitch typescript sdk çıkardı ve bu hem insanlar hem de agent'lar için tasarlanmış. stitch nedir: google labs'ın ai destekli ui tasarım aracı. text prompt veya görsellerden mobil ve web ui üretiyor. gemini 2.5 pro ile çalışıyor. sdk iki yolla kullanılıyor: insan merkezli: stitch.createproject(), screen.edit() gibi basit metodlarla koddan çağırıyorsun. agent merkezli: stitch.listtools(), stitch.calltool("create_project", {}) ve ai sdk adapter ile agentic workflow'lar için. vercel ai sdk ile direkt entegre: stitchtools() import ediyorsun, model otonom olarak create_project, generate_screen, get_screen çağırıyor. node.js ve bun ile sorunsuz çalışıyor. github ve npm'de canlı. stitch'in gücü: prompt yazıyorsun, dakikalar içinde kompleks ui tasarımı ve frontend kod üretiyor. figma'ya paste edebiliyorsun, clean kod export ediyorsun. ama limitler var: tek ekran için iyi ama uzun flow yapmaya çalışınca genelde birkaç layout'tan sonra duruyor. generic output ve ara sıra bug'lar. ücretsiz: ayda 350 üretim (gemini 2.5 flash standard mode), 50 üretim (gemini 2.5 pro experimental mode). google hesabı yeterli.

marketplace yönetimi: hangi skill'lerin marketplace'e gireceğine merkezi bir ekip karar vermiyor. en faydalı skill'leri organik bulmaya çalışıyorlar. skill denemelerini istiyorsan github'da sandbox klasörüne yükle, slack'te paylaş. traction aldıktan sonra marketplace'e taşımak için pr aç. uyarı: kötü veya gereksiz skill yapmak kolay. yayınlamadan önce curation metodu olmalı. skill'leri ölçme: pretooluse hook kullanarak şirket içinde skill kullanımını logluyorlar. hangi skill'lerin popüler olduğunu veya beklentinin altında tetiklendiğini bulabiliyorlar. skill'ler agent'lar için inanılmaz güçlü, esnek araçlar ama hâlâ erken. en iyi yol başlamak, denemek, senin için neyin işe yaradığını görmek. 10/10

on demand hook'lar: skill'ler sadece skill çağrıldığında aktif olan ve session boyunca süren hook'lar içerebilir. her zaman istemediğin ama bazen çok faydalı olan opinionated hook'lar için kullan. örnek: /careful — rm -rf, drop table, force-push, kubectl delete'i bash'te pretooluse matcher ile engelliyor. sadece prod'a dokunduğunu bildiğinde istiyorsun. skill'leri dağıtma: ekiple paylaşmanın en büyük faydalarından biri. iki yol: repo'na check et (./.claude/skills altında) veya plugin yap ve claude code plugin marketplace'e yükle. 9/10

anthropic ekibi claude code'da yüzlerce skill kullanıyor ve bunlardan öğrendiklerini paylaştılar. skill'ler claude code'daki en çok kullanılan extension point'lerden biri. esnek, kolay yapılıyor, kolay dağıtılıyor. ama bu esneklik neyin işe yaradığını anlamayı zorlaştırıyor. anthropic ekibinin öğrendikleri 👇 1/10