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.

لينا — مطورة الواجهة الأمامية مهارة AI

$19.00
$19.00
تخطي إلى معلومات المنتج
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.
  • 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.
  • لينا — مطورة الواجهة الأمامية مهارة AI
  • لينا — مطورة الواجهة الأمامية مهارة AI
  • لينا — مطورة الواجهة الأمامية مهارة AI
لينا — مطورة الواجهة الأمامية مهارة AI

لينا — مطورة الواجهة الأمامية مهارة AI

$19.00
$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 إلى Claude واحصل على مطور واجهات أمامية كبير يكتب مكونات جاهزة للإنتاج من أول موجه — 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 للاختبار الشامل، وStorybook لوثائق المكونات
📄 claude-frontend-developer.md
تثبيت في أقل من دقيقتين
يعمل مع Claude Sonnet 4 و Claude Code

كيفية التثبيت

قم بتنزيل ملف .md → افتح Claude → الصق محتوى الملف في موجه النظام أو تعليمات المشروع → ابدأ البناء. هذا كل شيء.

How to install Under 2 minutes

Four steps. Any AI chat.

  1. 01
    Download the file

    After checkout, the download link lands in your inbox. Save the file anywhere on your device.

  2. 02
    Open your AI chat

    Claude, ChatGPT, Gemini, Grok, or Copilot — whichever one you already use.

  3. 03
    Paste the file contents

    Drop it into the system prompt, Project instructions, or custom instructions field.

  4. 04
    Start 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.

قد يعجبك أيضًا