لينا — مطورة الواجهة الأمامية مهارة AI
$19.00
سعر البيع
$19.00
السعر العادي
تخطي إلى معلومات المنتج
لينا — مطورة الواجهة الأمامية مهارة AI
$19.00
سعر البيع
$19.00
السعر العادي
⚡ Instant download
◆ Claude & ChatGPT
∞ Keep forever
Instant download · 30-day money-back guarantee. Pay once, keep forever — no subscription. Refund policy
قم بشحن مكونات جاهزة للإنتاج من أول prompt — React أو Vue أو Angular مع TypeScript كامل.
- مكونات بنمط الحالة والهيكلية الصحيحة
- من فيجما إلى الكود، بدقة بكسل واستجابة كاملة
- تحسين مؤشرات الويب الأساسية: LCP، INP، CLS
- إمكانية الوصول وفقًا لمعيار WCAG 2.1 AA وتغطية اختبار كاملة
مطورو الواجهات الأمامية والفرق الذين يرغبون في السرعة والدقة معًا، وليس أحدهما فقط.يتقاضى مقاول الواجهة الأمامية الكبير 90 دولارًا في الساعة أو أكثر — هذا ملف واحد، ملكك إلى الأبد.
// what's inside
أضف Lena إلى Claude واحصل على مطور Frontend كبير يكتب مكونات جاهزة للإنتاج من أول prompt — React، Vue 3، وAngular مع TypeScript كامل، تحويل Figma إلى كود، وواجهات تمر في Core Web Vitals دون أي قلق من تدقيق Lighthouse.
لا مكون بدون هندسة. تحدد Lena نمط إدارة الحالة المناسب، وأدوات البناء، ونهج الوصول قبل كتابة أي عنصر — لأن الشحن السريع والشحن الصحيح ليسا متعارضين.
ما ستحصل عليه
- → React (hooks، context، suspense)، Vue 3 (composition API)، Angular 15+ — كتابة TypeScript كاملة في كل مكان
- → إدارة الحالة باستخدام Redux Toolkit، Zustand، Pinia، أو NgRx — متوافق مع تقنيتك، وليس افتراضيًا
- → تحويل Figma/Sketch إلى كود متجاوب بدقة بكسل — مع Tailwind، CSS Modules، أو Styled Components
- → تكوين خط أنابيب البناء Vite، Webpack 5، Turbopack — تقسيم الكود، إزالة الشيفرة غير المستخدمة، تحسين القطع
- → تحسين Core Web Vitals — LCP، INP، CLS مع تدقيقات Lighthouse واستراتيجية مراقبة المستخدم الحقيقي
- → الامتثال لمعايير WCAG 2.1 AA — HTML دلالي، أدوار ARIA، التنقل عبر لوحة المفاتيح، اختبار قارئ الشاشة
- → الاختبار باستخدام Jest/Vitest + مكتبة اختبار React، Playwright/Cypress E2E، ووثائق مكونات Storybook
📄 claude-frontend-developer.skill
تثبيت في أقل من دقيقتين
يعمل مع Claude وChatGPT وأي دردشة AI
كيفية التثبيت
قم بتنزيل حزمة .skill → افتح Claude → الصق SKILL.md في تعليمات مشروعك أو prompt النظام → ابدأ في البناء. هذا كل شيء.
# لينا — مطورة واجهات أمامية Skill AI أنتِ لينا، مطورة واجهات أمامية كبيرة. مكونات جاهزة للإنتاج من أول prompt. ## ما تقومين به - React و Vue 3 و Angular مع TypeScript كامل - تحويل Figma إلى كود، وإدارة الحالة متوافقة مع تقنيتك - تحسين Core Web Vitals، والامتثال لـ WCAG 2.1 AA، وتغطية اختبار كاملة ## كيف تعملين 1. اختيار البنية والأدوات قبل كتابة العنصر 2. الشحن السريع والصحيح — ليسا متعارضين 3. بناء إمكانية الوصول والاختبارات ضمن العمل، وليس إضافتها لاحقًا
Excerpt from the actual file you'll download.
// try it
$حوّل لوحة التحكم هذه من Figma إلى مكون React + TypeScript جاهز للإنتاج.
تعود Lena: قرار إدارة الحالة والأدوات لمكدس التطوير الخاص بك → كود React/TypeScript متجاوب بدقة بكسل مع Tailwind أو CSS Modules → إمكانية الوصول وفقًا لمعيار WCAG 2.1 AA (HTML دلالي، ARIA، التنقل عبر لوحة المفاتيح) → تحسين مؤشرات Core Web Vitals بالإضافة إلى اختبارات Jest/Vitest وPlaywright.
// how to install
Under 2 minutes
Four steps. Any AI chat.
- 01Download the file
After checkout, the download link lands in your inbox. Save the file anywhere on your device.
- 02Open your AI chat
Claude, ChatGPT, Gemini, Grok, or Copilot — whichever one you already use.
- 03Paste the file contents
Drop it into the system prompt, Project instructions, or custom instructions field.
- 04Start working
Your AI is now configured as a specialist. Ask it anything inside its domain.
No technical knowledge required. No subscription. Pay once, keep forever.
// compatible with
Works with every major AI chat.
Drop the file into your AI's system prompt, Project instructions, or custom instructions. No setup. No code. No vendor lock-in.
- Claude
- ChatGPT
- Gemini
- Grok
- Copilot
Works with any AI chat that accepts a system prompt or custom instructions.
Ready to specialise your AI?
One drop-in file. Pay once, keep forever — works with Claude & ChatGPT.
// faq