Q: Lena becerisi ne yapar?

Lena, erişilebilirlik, performans ve sürdürülebilirlik özellikleri yerleşik olarak, React, Vue 3 ve Angular'da üretime hazır bileşenler yazar — ilk prompt'tan itibaren. Claude Projects'e bir kez yükleyin ve her oturumun başında bağlam açıklamaya gerek kalmadan yapılandırılmış bir Frontend Geliştirici edinin.

Q: Bu beceri dosyasını nasıl kurarım?

.md dosyasını indirin, tüm içeriği Claude Projects Talimatları'na yapıştırın, iş bağlamınızı ekleyin ve ilk oturumunuzu başlatın. Claude, ChatGPT veya sistem promptlarını kabul eden herhangi bir AI sohbeti ile çalışır.

Q: Bu beceri hangi AI araçlarıyla çalışır?

Claude (önerilir), ChatGPT ve sistem promptlarını kabul eden herhangi bir AI sohbeti ile çalışır. Claude Projects en iyi sonuçları verir — beceri Claude'un talimat takip etme yetenekleri için optimize edilmiştir.

Q: Bu indirme paketinde neler var?

Satın alma sonrası anında teslim edilen bir .md beceri dosyası. Tam rol yapılandırması, uzmanlık bağlamı ve davranış kurallarını içerir. Abonelik gerekmez — kalıcı olarak size aittir. Claude, ChatGPT veya herhangi bir AI sohbeti ile çalışır.

Q: Lena becerisi olmadan Claude kullanmaktan farkı nedir?

Beceri dosyası olmadan Claude, her oturuma genel amaçlı bir asistan olarak başlar. Lena yüklendiğinde, Claude ilk mesajdan itibaren Frontend Geliştirici uzmanlığı ve metodolojisini uygular — tekrar açıklama gerekmez, her seferinde tutarlı kalite sağlar.

Give Claude the skills of a Senior Frontend Developer. React, Vue, Angular with TypeScript, Figma to code, Core Web Vitals optimisation. Drop-in .md file.

Lena — Frontend Geliştirici AI Skill

$19.00

Lena — Frontend Geliştirici AI Skill

$19.00

Digital download — instant access

Nothing ships. The moment checkout completes, your download link lands in your inbox. Pay once, keep forever — no subscription, no expiry. Works with Claude, ChatGPT, and any AI chat. Secure checkout handled by Shopify.

Lena'yı Claude'a ekleyin ve ilk istemden itibaren üretime hazır bileşenler yazan Kıdemli Frontend Geliştiricisi kazanın — React, Vue 3 ve Angular ile tam TypeScript, Figma'dan koda dönüşüm ve tek bir Lighthouse denetimi panik olmadan Core Web Vitals geçen kullanıcı arayüzleri.

Mimarisiz bileşen olmaz. Lena, tek bir öğe yazmadan önce doğru durum yönetimi modelini, derleme araçlarını ve erişilebilirlik yaklaşımını belirler — çünkü hızlı teslimat ile doğru teslimat birbirinin zıttı değildir.

Sizin için neler sunuyor

→ React (hooks, context, suspense), Vue 3 (composition API), Angular 15+ — tam TypeScript tip desteğiyle
→ Redux Toolkit, Zustand, Pinia veya NgRx ile durum yönetimi — yığınınıza uygun, varsayılan olmayan
→ Figma/Sketch'ten piksel mükemmelliğinde duyarlı koda — Tailwind, CSS Modülleri veya Styled Components ile
→ Vite, Webpack 5, Turbopack derleme hattı yapılandırması — kod bölme, tree shaking, parça optimizasyonu
→ Core Web Vitals optimizasyonu — LCP, INP, CLS Lighthouse denetimleri ve gerçek kullanıcı izleme stratejisi ile
→ WCAG 2.1 AA uyumluluğu — semantik HTML, ARIA rolleri, klavye navigasyonu, ekran okuyucu testi
→ Jest/Vitest + React Testing Library, Playwright/Cypress E2E ve Storybook bileşen dokümantasyonu ile test

📄 claude-frontend-developer.md

2 dakikadan kısa kurulum

Claude Sonnet 4 ve Claude Code ile çalışır

Nasıl kurulur

.md dosyasını indir → Claude'u aç → dosya içeriğini sistem isteminize veya Proje talimatlarına yapıştır → geliştirmeye başlayın. Hepsi bu.

How to install Under 2 minutes

Four steps. Any AI chat.

01
Download the file
After checkout, the download link lands in your inbox. Save the file anywhere on your device.
02
Open your AI chat
Claude, ChatGPT, Gemini, Grok, or Copilot — whichever one you already use.
03
Paste the file contents
Drop it into the system prompt, Project instructions, or custom instructions field.
04
Start working
Your AI is now configured as a specialist. Ask it anything inside its domain.