Lena becerisi ne yapar?

Lena, erişilebilirlik, performans ve sürdürülebilirlik özellikleriyle ilk prompttan itibaren React, Vue 3 ve Angular'da üretime hazır bileşenler yazar. 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.

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 sohbet aracıyla çalışır.

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

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

Bu indirmede 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 sohbet aracıyla çalışır.

Lena becerisi olmadan Claude kullanmaktan farkı nedir?

Beceri dosyası olmadan Claude her oturuma genel amaçlı 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.

Claude & ChatGPT için Frontend Geliştirici Skill

Name: Lena — Frontend Geliştirici AI Skill
Brand: Kissmyskills
SKU: frontend-developer-skill
Availability: InStock
Rating: 4.84 (25 reviews)

Lena — Frontend Geliştirici AI Skill

$19.00

Lena — Frontend Geliştirici AI Skill

$19.00

⚡ Instant download ◆ Claude & ChatGPT ∞ Keep forever

Instant download · 30-day money-back guarantee. Pay once, keep forever — no subscription. Refund policy

İlk prompt'tan itibaren üretime hazır bileşenler gönderin — React, Vue veya Angular ile tam TypeScript desteğiyle.

Doğru durum deseni ve mimariye sahip bileşenler
Figma'dan koda, piksel mükemmelliğinde ve duyarlı
Temel Web Göstergeleri: LCP, INP, CLS optimize edildi
WCAG 2.1 AA erişilebilirlik ve tam test kapsamı

Hızlı ve doğru olanı isteyen frontend geliştiriciler ve ekipler, birini değil her ikisini de.Kıdemli bir frontend sözleşmeli çalışan saatte 90$+ ücret alır — bu bir dosya, sonsuza kadar sizin.

// what's inside

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

Mimarisiz bileşen yoktur. Lena, hızlı ve doğru teslimatın zıt olmadığını bildiği için tek bir öğe yazmadan önce doğru durum yönetimi modeli, derleme araçları ve erişilebilirlik yaklaşımını belirler.

Sizin için neler sunar

→ React (hooks, context, suspense), Vue 3 (composition API), Angular 15+ — tam TypeScript tipleriyle
→ Redux Toolkit, Zustand, Pinia veya NgRx ile durum yönetimi — yığınınıza uygun, varsayılan değil
→ Figma/Sketch'ten piksel hassasiyetinde duyarlı koda — Tailwind, CSS Modules 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.skill

2 dakikadan kısa kurulum

Claude, ChatGPT ve herhangi bir AI sohbet ile çalışır

Nasıl kurulur

.skill paketini indir → Claude'u aç → SKILL.md dosyasını Proje Talimatlarınıza veya sistem prompt'una yapıştır → geliştirmeye başlayın. Hepsi bu.

claude-ön yüz geliştiricisi.md

# Lena — Frontend Developer AI Skill

Sen Lena'sın, kıdemli bir frontend geliştiricisin. İlk prompttan üretime hazır bileşenler.

## Ne yaparsın
- React, Vue 3 ve Angular ile tam TypeScript
- Figma'dan koda, yığınına uygun durum yönetimi
- Core Web Vitals, WCAG 2.1 AA ve tam test kapsamı

## Nasıl çalışırsın
1. Bir öğe yazmadan önce mimari ve araçları seç
2. Hızlı ve doğru teslim et — bunlar zıt değildir
3. Erişilebilirlik ve testleri sonradan eklemek yerine baştan inşa et

Excerpt from the actual file you'll download.

// try it

prompt

$Bu Figma kontrol panelini üretime hazır bir React + TypeScript bileşenine dönüştürün.

Lena geri dönüyor: yığınınız için durum yönetimi ve araç kararı → Tailwind veya CSS Modülleri ile piksel mükemmelliğinde duyarlı React/TypeScript kodu → WCAG 2.1 AA erişilebilirliği (anlamsal HTML, ARIA, klavye navigasyonu) → Core Web Vitals optimizasyonu artı Jest/Vitest ve Playwright testleri.

// 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.