antfu

قم بفحص تصميم واجهة المستخدم الخاص بك وفقًا للإرشادات الرسمية للتصميم وإمكانية الوصول في Vercel. احصل على ملاحظات فورية بخصوص HTML الدلالي، وحالات التركيز، والنماذج، والرسوم المتحركة، والطباعة، والصور�� والمزيد.

غالباً ما يبني المطورون واجهات دون اتباع أفضل الممارسات المتبعة، مما يؤدي إلى مشكلات في إمكانية الوصول وتجربة المستخدم السيئة. تجلب هذه المهارة أحدث إرشادات واجهة الويب من Vercel ومراجعة الكود تلقائياً مقابلها، وتقديم ملاحظات قابلة للتنفيذ بتنسيق ملف:سطر القياسي.

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

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

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

كتابة الاختبارات وصيانتها تستغرق وقتاً طويلاً. يوفر Vitest إطار عمل للاختبارات فائق السرعة يعتمد على Vite مع واجهات برمجة تطبيقات متوافقة مع Jest، مما يمكّن المطورين من كتابة اختبارات الوحدة مع دعم ESM الأصلي و TypeScript و JSX جاهزاً للاستخدام.

An AI skill for Claude, Codex, and Claude Code

تتطلب الفرق إرشادات دقيقة لتكوين Vite وسير العمل الخاص بالبناء. تلخص هذه الميزة الأنماط الرسمية والأمثلة بحيث يمكن للوكلاء تقديم الإعدادات والتعليمات الصحيحة.

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

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

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

يتطلب بناء مكتبات TypeScript تكوين مجمّع معقد. توفر هذه المهارة وثائق شاملة لـ tsdown، وهو مجمّع فائق السرعة يعتمد على Rolldown، مع تغطية التكوين والإضافات والانتقال من tsup.

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

يتطلب بناء تطبيقات Vue إدارة حالة قابلة للتنبؤ عبر المكونات. توفر Pinia واجهة برمجة تطبيقات آمنة من حيث النوع وبديهية لتعريف المتاجر مع الحالة والمُحصِّلات والإجراءات. توفر هذه المهارة مراجع شاملة لبناء أنماط قابلة للتوسع لإدارة حالة Vue.

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

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