بناء ميزات Vue.js من الصفر يؤدي إلى تعقيد الكود وصعوبة صيانته. هذه المهارة تربط المتطلبات بـ composables من VueUse، وتطبق الأنماط الصحيحة للحفاظ على التنفيذات موجزة، وأداء عالي، وقابلية للصيانة.

ي struggle مطورو Vue.js مع اختبار المكونات غير المتزامنة وإدارة الحالة وإعدادات E2E. توفر هذه المهارة أنماطًا مثبتة في المعركة لـ Vitest و Vue Test Utils و Playwright لكتابة اختبارات قابلة للصيانة وموثوقة.

غالبًا ما تعاني تطبيقات Vue Router من مشكلات في حراس التنقل، ومشكلات في دورة حياة المسار، ومشكلات إلغاء تركيب المكوّنات. توفّر هذه المهارة أنماطًا وحلولًا منقحة لـ Vue Router 4 لمنع الأخطاء الشائعة وبناء بنية توجيه متينة.

يتطلب بناء تطبيقات Vue.js فهم إدارة الحالة التفاعلية، وتكوين المكونات، وأنماط JavaScript الحديثة. توفر هذه المهارة إرشادات متخصصة حول Vue Composition API، وتصميم المكونات، وأساسيات التفاعلية.

تواجه مشاريع Vue 3 غالبًا مشاكل في فحص الأنواع، وأوقات حفظ بطيئة، ومشكلات في الإعداد. توفر هذه المهارة حلولاً مُنسقة لكتابة مكونات Vue، وإعداد Volar، ومشكلات التطوير الشائعة في Vue 3.

An AI skill for Claude, Codex, and Claude Code

UnoCSS هو محرك atomic CSS فوري يوفر بديلاً مرناً وقابلاً للتوسيع لـ Tailwind CSS. تساعد هذه المهارة المطورين في تكوين UnoCSS، وكتابة قواعد الأدوات المخصصة، والاستفادة من الإعدادات المسبقة مثل Wind و Icons و Attributify.

إدارة حزم متعددة في مستودع واحد يمكن أن تؤدي إلى بناء بطيء وتنسيق مهام معقدة. يوفر Turborepo ذاكرة تخزين مؤقت ذكية وتنفيذ متوازي لتسريع عمليات البناء. تقدم هذه المهلة إرشادات متخصصة حول تكوين خطوط أنابيب المهام واستراتيجيات التخزين المؤقت والمتغيرات البيئية وأفضل ممارسات المستودع الفردي.

أداة ذكاء اصطناعي لـ Claude و Codex و Claude Code

إدارة التبعيات يدوياً لـ Node.js ممثلة ومعرضة للأخطاء. يوفر مهارة pnpm لكلود معرفة شاملة بتعليمات pnpm، وإعدادات مساحة العمل، والكتالوجات، والتصحيحات، والتعديلات، والممارسات الجيدة لإدارة مشاريع monorepo.

يتطلب تطوير تطبيقات Vue الكاملة الفهم الجانبي للعرض من جانب الخادم، والتوجيه القائم على الملفات، ونظام وحدة Nuxt. توفر هذه المهارة وثائق شاملة لإنشاء تطبيقات Nuxt جاهزة للإنتاج مع محرك خادم Nitro.

المشاريع غالباً ما تنقصها أدوات وتكوينات متسقة بين أعضاء الفريق. تقدم هذه المهارة أفضل ممارسات محددة الأفكار من Anthony Fu بما في ذلك تكوين TypeScript و ESLint و Vitest وإعدادات CI/CD التي تضمن جودة كود متسقة وتجربة مطور متسقة عبر أي مشروع ويب.

إدارة خرائط الطريق الفصلية وقدرات السبرنت معقدة وتستغرق وقتاً طويلاً. توفر هذه المهارة إرشادات خبيرة لتقسيم الملاحم إلى معالم رئيسية، وتقدير القدرات باستخدام النماذج المعيارية في الصناعة، وإنشاء سير عمل تخطيط تعاوني.

المزامنة اليدوية بين خرائط الطريق وClickUp تستغرق وقتًا وعرضة للأخطاء. توفر هذه المهارة إرشادات الخبراء حول استخدام ClickUp MCP للمزامنة ثنائية الاتجاه بين ملفات التخطيط المحلية ومهام ClickUp.

يواجه Claude أحيانًا صعوبة مع المشاكل شديدة التعقيد التي تتطلب تحليلاً عميقًا. تراقب هذه المهارة استجاباتك بحثًا عن إشارات الصعوبة وتوصي بالتصعيد الاستباقي إلى وكلاء التفكير العميق قبل تدهور الجودة.

غالبًا ما تنتج مساعدي الذكاء الاصطناعي إجابات غير صحيحة حول إصدارات البرمجيات وتواريخ الإصدارات والحالات الحالية نظرًا لقدم بيانات التدريب الخاصة بهم. تفرض هذه المهارة التحقق على مستوى التفكير باستخدام assertions.yaml و WebSearch، مما يمنع السبب الجذري للهلوسات.

غالباً ما يأخذ المطورون اختصارات عند إكمال المهام. توفر هذه المهاة خطاف git pre-commit الذي يمنع الالتزامات مع انتهاكات السلامة مثل suppressions التحذيرات والاختبارات المعلقة والمحذوفات.

إنشاء مكونات Angular عالية الأداء مع التفاعلية القائمة على الإشارات، واستراتيجية اكتشاف التغيير OnPush، وأنماط v20 الحديثة لأفضل أداء في العرض.

غالباً ما يفقد المساعدون الذكاء الاصطناعيون_track of الأهداف أثناء المهام الطويلة ذات الخطوات العديدة. تعلّم هذه المهارة نمطاً مثبتاً الفعالية باستخدام ملفات Markdown كذاكرة خارجية. أنشئ خطط مهام، وتتبع التقدم باستخدام مربعات الاختيار، واحفظ ملاحظات البحث في ملفات. يبقى المساعد منظماً ولا يفقد أبداً الهدف الأصلي من نظره.

غالبًا ما تفتقر تطبيقات Java Spring إلى أنماط متسقة لمعالجة الأخطاء. توفر هذه المهارة معيارًا كاملاً لمعالجة الأخطاء بما في ذلك التسلسلات الهرمية للاستثناءات ومعالجات الاستثناءات العامة والاستجابات المنظمة للأخطاء.