Petek Savaş

Sites on the internet for design inspiration. Web Design → curated.design Landing Pages → landing.love Saas Websites → saaspo.com Navbar → navbar.gallery CTA Sections → cta.gallery Animation → appmotion.design Mobile Apps → mobbin.com/?via=abraham Brands → rebrand.gallery Icons → hugeicons.com/?via=Abraham Design Systems → component.gallery

I've been playing with React Native WebGPU recently and it's really flipping my perspective on animations.

Birisi işini gerçekten sevdiğinde olan budur.

Huh, so that's why text is called a string

Claude Code'la yapılan siteler artık "yapay zekayla yapılmış" gibi görünmek zorunda değil ✨ Doğru yapıda bir CLAUDE.md dosyası oluştur - ilk sistem her zaman hazır olsun Frontend design skill'ini yükle - vibe code değil, gerçekten güzel siteler çıksın Ekran resmi döngüsü kur - site kendine feedback verip tek tek düzeltsin Beğendiğin bir siteden ekran resmi al, sayfanın verisini ve stilini kopyala, Claude'a ver - tüm detayları kopyalasın Sonra GitHub'a pushla, Vercel'e bağla, ve canlıda Bolt'a, V0'a gerek yok - kontrol tamamen sende

Claude Code’a skills nasıl eklersin? Adım adım gösteriyorum. Kullandığım skills website’i: aitmpl.com Video içinde hem mantığını hem de kurulum tarafını pratik şekilde anlattım.

CLAUDE CODE'DA KULLANILAN BÜTÜN KOMUTLARIN İŞLEVLERİ!! Alıntıladığım dokümanı faydalı olacağını düşünerek Türkçe'ye çevirdim. Eğer Claude Code'u chatbot gibi kullanıyorsanız, aracın gerçek potansiyelinin yüzde onunu bile görmüyorsunuz denebilir. Bu listedeki komutların hepsine tabii ki ihtiyacınız olmayacak ama ne işe yaradıklarını bilmek de faydalıdır meraklısına. /init ile CLAUDE.md oluşturmak gerçekten ilk yapılması gereken şey. Repo hafızası olmadan Claude Code kör bir şekilde çalışıyor. Her seferinde aynı şeyleri tekrar tekrar açıklıyorsun. /compact ve /context ikilisi ise hayat kurtarıcı. Tokenların nereye gittiğini görmeden çalışmak, gözü kapalı araba sürmek gibi bir şey. Gel gelelim; /agents. Paralel sub-agent çalıştırmak, özellikle büyük projelerde inanılmaz fark yaratıyor. Bir agent test yazarken diğeri refactor yapıyor. Bu tek başına bile Claude Code'u sıradan bir AI asistandan ayıran şey. Bir de listede olmayan ama bahsedilmesi gereken bir şey daha var. ".claude/commands" klasörüne kendi custom komutlarınızı yazabiliyorsun. Yani bu komutlarla sınırlı değilsiniz, kendi workflowunuza özel komutlar üretebiliyorsunuz. Kaydedin illa ki dönüp bakarsınız bir noktada 🙋‍♂️

Best GitHub repos for Claude code that will 10x your next project in 2026: 1. Claude Mem github.com/thedotmack/cla… 2. UI UX Pro Max github.com/nextlevelbuild… 3. n8n-MCP github.com/czlonkowski/n8… 4. Obsidian Skills github.com/kepano/obsidia… 5. LightRAG github.com/hkuds/lightrag 6. Everything Claude Code github.com/affaan-m/every… 7. Superpowers github.com/obra/superpowe… 8. Awesome Claude Code github.com/hesreallyhim/a… 9. GSD (Get Shit Done) github.com/gsd-build/get-…

Siz hala yapay zekaya tek tek "şu kodu yaz, şu metni düzelt" mi diyosunuz? 🤖 Bütün bir startup’ı yapay zeka ajanlarına devretmek için hazırlanmış kusursuz klasör yapısı. Ufkunuzu açması için kesinlikle kaydetmelik: .claude/ └── agents/ ├── engineering/ │ ├── frontend-developer.md │ ├── backend-architect.md │ ├── mobile-app-builder.md │ ├── ai-engineer.md │ ├── devops-automator.md │ └── rapid-prototyper.md │ ├── product/ │ ├── trend-researcher.md │ ├── feedback-synthesizer.md │ └── sprint-prioritizer.md │ ├── marketing/ │ ├── tiktok-strategist.md │ ├── instagram-curator.md │ ├── twitter-engager.md │ ├── reddit-community-builder.md │ ├── app-store-optimizer.md │ ├── content-creator.md │ └── growth-hacker.md │ ├── design/ │ ├── ui-designer.md │ ├── ux-researcher.md │ ├── brand-guardian.md │ ├── visual-storyteller.md │ └── whimsy-injector.md │ ├── project-management/ │ ├── experiment-tracker.md │ ├── project-shipper.md │ └── studio-producer.md │ ├── studio-operations/ │ ├── support-responder.md │ ├── analytics-reporter.md │ ├── infrastructure-maintainer.md │ ├── legal-compliance-checker.md │ └── finance-tracker.md │ └── testing/ ├── tool-evaluator.md ├── api-tester.md ├── workflow-optimizer.md ├── performance-benchmarker.md └── test-results-analyzer.md

kurulum: git clone github.com/vibeeval/vibec… cd vibecosystem ./install.sh bu kadar. claude code'u normal kullan, ekip aktive oluyor. star atarsanız sevinirim. teşekkürler.⭐

claude code'u tek başına kullanmayı bıraktım. 119 agent, 202 skill, 48 hook yazdım. artık "feature ekle" diyorum, 20+ agent 5 fazda koordine oluyor. planlıyor, yazıyor, review yapıyor, test ediyor, hatasından öğreniyor. threadi atlama, gifleri İZLE ve ne olduğunu ANLA. hepsi open source: github.com/vibeeval/vibec…

su an claude code kullanan herkes ayni hatada: terminali acip prompt yaziyorsun, bitti bu arabaya binip sadece birinci viteste kullanmak gibi, 5 vites daha var haberin yok sana claude code'un kimsenin konusmadigi 4 gizli katmanini acikliyorum hooks - bu manyak bir sey claude her islem yaptiginda arka planda otomatik calisan scriptler, AI'in insiyatifinde degil, deterministik kod > dosya editlendi? otomatik formatla > .env'ye dokunuldu? ENGELLE, calistirma bile > rm -rf yazildi? durdur, soru sor > is bitti? masaustune bildirim gonder ben suanda 6 farkli hook calistiriyorum, claude benim icin otomatik formatlama yapiyor, tehlikeli dosyalari koruyor, hata yapinca otomatik ogrenme kaydı tutuyor, ve biten her isin bildirimini aliyorum tek satir bash kodu, bir kere yaz, sonsuza kadar calissin skills - custom slash komutlar /commit → analiz et + semantic mesaj + commit /deploy → test + build + deploy + verify /review → 5 acidan kod inceleme raporu markdown dosyasina yaz, her projede kullan, tekrar prompt yazma rules - otomatik kurallar “test olmadan commit yok", "any tipi yasak", "console.log birakma" bir kere tanimla, tum projelerde gecerli, her seferinde hatirlatma yok CLAUDE.md - proje hafizasi tech stack, kurallar, yapi, hepsini tek dosyaya yaz AI her session'da sifirdan ogrenmesin, projeni tanisin bu 4 katmani kuran adam ile kurmayan adam ayni tool'u kullaniyor ama bambaska sonuclar aliyor biri 30 dakikada production-ready cikariyor, digeri 3 saat ugrasip spaghetti uretiyor fark tool degil, tool'un uzerine kurdugun sistem kacinci viteste kullaniyorsun yoruma yaz

Last week, the Product Design Studio shipped Artifact; a home for @Shopify Design internal work. We obsessed over the details: branded micro-animations and thoughtful motion. Because details are the product 🧵

Çok iyi bir site keşfettim. Türkiye'deki ve diğer ülkelerdeki konuşma biçimlerini, ağızları dinleyebileceğiniz bir site. Ülkeyi ya da şehri seç ve örnekleri dinle. localingual.com

CARDS

4 yıl önce yazdığın kodlarla denk gelince ekrana karşı

“Shadcn Just Dropped 7 New Components (And They’re Absolutely Insane)” by Usman Writes pixicstudio.medium.com/shadcn-just-dr…

Prod patladı mesajı

Frontend Performance Checklist For 2025 crystallize.com/blog/frontend-…

yurt disinda yasamak