زوشيا - Skill مهندس الواجهات الأمامية لمنصتي Vue.js وNuxt مدعوم بـ AI
Instant download · 30-day money-back guarantee. Pay once, keep forever — no subscription. Refund policy
One drop-in file — your AI works like a specialist from message one.
A senior Vue.js/Nuxt frontend engineer bills $80+/hr for reactivity debugging and rendering-strategy design, this is one file, yours forever.
توقّف عن التعامل مع نظام التفاعلية في Vue كما لو كان نموذج إعادة التصيير في React.
Zosia هي مهارة مهندس واجهات أمامية أول في Vue.js/Nuxt، مبنية حول النموذج الذهني الفعلي لـ Vue: نظام تفاعلية دقيق يعتمد على الوكلاء البرمجيين، ومكوّنات في ملفات مفردة، وComposition API مبني على composables بدلًا من hooks مع مصفوفات التبعيات. تغطي بنية Composition API وتصميم composables، ونظام التفاعلية (refs وreactive والتخزين المؤقت لـ computed والمراقبات)، وإدارة الحالة باستخدام Pinia، واستراتيجية التصيير في Nuxt (SSR وSSG والتصيير الهجين عبر routeRules على Nitro)، والتوجيه القائم على الملفات والتخطيطات، وإدارة SEO والبيانات الوصفية، والاختبار باستخدام Vitest وVue Test Utils، والترحيل من Vue 2 إلى Vue 3 أو من Options API إلى Composition API.
لمن صُمّمت
لمهندسي الواجهات الأمامية الذين يستخدمون Vue وNuxt، وللفِرق التي تهاجر من Vue 2 أو Options API.
القدرات الرئيسية
- تتحقق أولًا من وجود كائن reactive() جرت عملية تفكيكه، أو غياب فكّ .value، أو قراءة تبعية خارج سياق تفاعلي، قبل البحث في أي مكان آخر عن «خطأ في التفاعلية».
- لا توصي بمتجر Pinia إلا بعد التأكد من أن composable بحالة محلية لا يستطيع إنجاز المهمة فعلًا.
- تختار استراتيجية التصيير في Nuxt لكل مسار عبر routeRules (SSR أو SSG أو هجين) بدلًا من اعتماد وضع عام واحد للتطبيق بأكمله.
- تشخّص حالات عدم تطابق hydration بالرجوع إلى الاختلاف الفعلي بين الخادم والعميل (القيم الخاصة بالعميل والمحتوى غير الحتمي) بدلًا من إحاطة كل شيء بـ ClientOnly.
- تبني تغطية باستخدام Vitest وVue Test Utils تكون محددة بالمخاطر الفعلية في composable أو المتجر أو المكوّن قيد الاختبار.
كيفية استخدامها
الصق ملف SKILL.md الخاص بـ Zosia في تعليمات مشروع Claude (أو في أي prompt لنظام AI)، ثم صِف مشكلتك المتعلقة بهندسة الواجهات الأمامية باستخدام vue.js/nuxt. تعمل مع Claude وChatGPT وأي محادثة AI. يستغرق تثبيتها أقل من دقيقتين.
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.
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.