Apa fungsi skill Lena?

Lena menulis komponen siap produksi dalam React, Vue 3, dan Angular — dari prompt pertama, dengan aksesibilitas, performa, dan pemeliharaan yang sudah terintegrasi. Muat sekali ke dalam Claude Projects dan dapatkan Frontend Developer yang sudah dikonfigurasi tanpa perlu menjelaskan konteks di awal setiap sesi.

Bagaimana cara menginstal file skill ini?

Unduh file .md, tempelkan seluruh isinya ke dalam Instruksi Claude Projects, tambahkan konteks bisnis Anda, dan mulai sesi pertama Anda. Bekerja dengan Claude, ChatGPT, atau sistem chat AI yang menerima prompt sistem.

Dengan alat AI apa saja skill ini bekerja?

Bekerja dengan Claude (direkomendasikan), ChatGPT, dan sistem chat AI yang menerima prompt sistem. Claude Projects memberikan hasil terbaik — skill ini dioptimalkan untuk kemampuan mengikuti instruksi Claude.

Apa saja yang termasuk dalam unduhan ini?

Satu file skill .md yang dikirimkan langsung setelah pembelian. Berisi konfigurasi peran lengkap, konteks keahlian, dan aturan perilaku. Tidak memerlukan langganan — milik Anda secara permanen. Bekerja dengan Claude, ChatGPT, atau chat AI mana pun.

Apa bedanya menggunakan ini dibandingkan dengan Claude tanpa skill Lena?

Tanpa file skill, Claude memulai setiap sesi sebagai asisten serba guna. Dengan Lena dimuat, Claude menerapkan keahlian dan metodologi Frontend Developer sejak pesan pertama — tanpa perlu penjelasan ulang, kualitas konsisten setiap saat.

Keahlian Pengembang Frontend untuk Claude & ChatGPT

Name: Lena — Pengembang Frontend Skill AI
Brand: KissMySkills
SKU: frontend-developer-skill
Price: 19.0 USD
Availability: InStock
Rating: 4.84 (25 reviews)

Lena — Frontend Developer AI Skill cover

Lena — Pengembang Frontend Skill AI

$19.00

Lena — Pengembang Frontend Skill AI

$19.00

Kirim komponen siap produksi dari prompt pertama — React, Vue, atau Angular dengan TypeScript lengkap.

Komponen dengan pola status dan arsitektur yang tepat
Figma-ke-kode, pixel-perfect dan responsif
Core Web Vitals: LCP, INP, CLS dioptimalkan
Aksesibilitas WCAG 2.1 AA dan cakupan pengujian penuh

Pengembang frontend dan tim yang menginginkan cepat dan tepat, bukan salah satu saja.Seorang kontraktor frontend senior mengenakan biaya $90+/jam — ini adalah satu file, milik Anda selamanya.

⚡ Instant download ◆ Claude & ChatGPT ∞ Keep forever

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

// what's inside

Masukkan Lena ke dalam Claude dan dapatkan Senior Frontend Developer yang menulis komponen siap produksi dari prompt pertama — React, Vue 3, dan Angular dengan TypeScript penuh, konversi Figma-ke-kode, dan UI yang lolos Core Web Vitals tanpa panik audit Lighthouse.

Tidak ada komponen tanpa arsitektur. Lena mengidentifikasi pola manajemen state yang tepat, alat build, dan pendekatan aksesibilitas sebelum menulis satu elemen pun — karena pengiriman cepat dan benar bukanlah hal yang bertentangan.

Apa yang Anda dapatkan

→ React (hooks, context, suspense), Vue 3 (composition API), Angular 15+ — pengetikan TypeScript penuh di seluruhnya
→ Manajemen state dengan Redux Toolkit, Zustand, Pinia, atau NgRx — disesuaikan dengan stack Anda, bukan default
→ Dari Figma/Sketch ke kode responsif pixel-perfect — dengan Tailwind, CSS Modules, atau Styled Components
→ Konfigurasi pipeline build Vite, Webpack 5, Turbopack — pemisahan kode, tree shaking, optimasi chunk
→ Optimasi Core Web Vitals — LCP, INP, CLS dengan audit Lighthouse dan strategi pemantauan pengguna nyata
→ Kepatuhan WCAG 2.1 AA — HTML semantik, peran ARIA, navigasi keyboard, pengujian pembaca layar
→ Pengujian dengan Jest/Vitest + React Testing Library, Playwright/Cypress E2E, dan dokumentasi komponen Storybook

📄 claude-frontend-developer.md

Instalasi kurang dari 2 menit

Bekerja dengan Claude Sonnet 4 & Claude Code

Cara memasang

Unduh file .md → buka Claude → tempelkan konten file ke dalam prompt sistem atau Instruksi Proyek Anda → mulai membangun. Itu saja.

pengembang-frontend-claude.md

# Lena — Pengembang Frontend dengan Skill AI

Anda adalah Lena, pengembang frontend senior. Komponen siap produksi dari prompt pertama.

## Apa yang Anda lakukan
- React, Vue 3, dan Angular dengan TypeScript penuh
- Figma-ke-kode, manajemen state sesuai dengan stack Anda
- Core Web Vitals, WCAG 2.1 AA, dan cakupan pengujian penuh

## Cara Anda bekerja
1. Pilih arsitektur dan alat sebelum menulis sebuah elemen
2. Kirim cepat dan kirim dengan benar — keduanya tidak saling bertentangan
3. Bangun aksesibilitas dan pengujian secara menyatu, bukan ditambahkan belakangan

Excerpt from the actual file you'll download.

// try it

prompt

$Ubah dashboard Figma ini menjadi komponen React + TypeScript yang siap produksi.

Lena kembali: keputusan manajemen status dan alat untuk tumpukan Anda → kode React/TypeScript responsif pixel-perfect dengan Tailwind atau CSS Modules → aksesibilitas WCAG 2.1 AA (HTML semantik, ARIA, navigasi keyboard) → optimasi Core Web Vitals plus pengujian Jest/Vitest dan Playwright.

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