web-development

web-development

react-best-practices

٧٬٨٠٩

دليل شامل لتحسين أداء React و Next.js يحتوي على أكثر من 40 قاعدة لإزالة الشلالات، تحسين الحزم، وتحسين العرض. يُستخدم عند تحسين تطبيقات React، مراجعة الأداء، أو إعادة هيكلة المكونات.

web-development

web-performance-optimization

١٬١٩٠

تحسين أداء الموقع الإلكتروني وتطبيقات الويب بما في ذلك سرعة التحميل، مؤشرات الويب الأساسية (Core Web Vitals)، حجم الحزمة، استراتيجيات التخزين المؤقت، وأداء وقت التشغيل

web-development

roier-seo

٢٦٧

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

web-development

fastapi-endpoint

٢٤٨

خطط وابنِ نقاط نهاية FastAPI جاهزة للإنتاج باستخدام async SQLAlchemy، ونماذج Pydantic v2، وحقن التبعيات للمصادقة، واختبارات pytest. يستخدم التخطيط المستند إلى المقابلات لتوضيح نماذج البيانات، وطريقة المصادقة، واستراتيجية الترقيم، والتخزين المؤقت قبل كتابة أي كود.

web-development

firecrawl-scraper

٢٢٢

التنقيب في الويب العميق، لقطات الشاشة، تحليل ملفات PDF، وزحف المواقع باستخدام Firecrawl API

web-development

shopify-development

١٥٠

|

web-development

shopify-apps

١١١

أنماط الخبراء لتطوير تطبيقات Shopify بما في ذلك تطبيقات Remix/React Router، التطبيقات المدمجة مع App Bridge، معالجة الويب هوك، واجهة برمجة تطبيقات GraphQL الإدارية، مكونات Polaris، الفوترة، وامتدادات التطبيقات. استخدم عند: تطبيق shopify، shopify، التطبيق المدمج، polaris، app bridge.

web-development

tavily-web

٥٣

البحث على الويب، استخراج المحتوى، الزحف، وقدرات البحث باستخدام واجهة برمجة التطبيقات Tavily

web-development

shadcn

٤٦

يدير مكونات ومشاريع shadcn/ui، موفراً السياق، الوثائق، وأنماط الاستخدام لبناء أنظمة تصميم حديثة.

web-development

tailwind-design-system

٣٣

بناء أنظمة تصميم جاهزة للإنتاج باستخدام Tailwind CSS، بما في ذلك رموز التصميم، متغيرات المكونات، الأنماط المتجاوبة، وإمكانية الوصول.

web-development

nextjs-app-router-patterns

٣٢

أنماط شاملة لهندسة App Router في Next.js 14+، ومكونات الخادم، وتطوير React الكامل العصري.

web-development

progressive-web-app

٢٨

بناء تطبيقات الويب التقدمية (PWAs) مع دعم العمل دون اتصال، وقابلية التثبيت، واستراتيجيات التخزين المؤقت. يتم التفعيل كلما ذكر المستخدم PWA، أو عمال الخدمة (service workers)، أو ملفات تعريف تطبيق الويب (web app manifests)، أو Workbox، أو 'الإضافة إلى الشاشة الرئيسية'، أو رغب في أن يعمل تطبيق الويب الخاص به دون اتصال، أو يشعر بأنه أصلي، أو يكون قابلاً للتثبيت.

web-development

exa-search

٢٦

البحث الدلالي، اكتشاف المحتوى المماثل، والبحث المنظم باستخدام Exa API

web-development

blockrun

٢٥

استخدم عندما يحتاج المستخدم إلى قدرات يفتقر إليها كلود (توليد الصور، بيانات X/Twitter في الوقت الحقيقي) أو يطلب صراحة نماذج خارجية ("blockrun"، "use grok"، "use gpt"، "dall-e"، "deepseek")

web-development

react-component-performance

٢٤

تشخيص مكونات React البطيئة واقتراح إصلاحات أداء مستهدفة.

web-development

react-native-architecture

٢٢

أنماط جاهزة للإنتاج لتطوير React Native باستخدام Expo، بما في ذلك التنقل، إدارة الحالة، الوحدات الأصلية، وهندسة العمل دون اتصال أولاً.

web-development

react-state-management

٢١

اتقن إدارة الحالة الحديثة في React باستخدام Redux Toolkit وZustand وJotai وReact Query. استخدمها عند إعداد الحالة العالمية، إدارة حالة الخادم، أو الاختيار بين حلول إدارة الحالة.

web-development

segment-cdp

٢٠

أنماط الخبراء لمنصة بيانات العملاء Segment بما في ذلك Analytics.js، التتبع على جانب الخادم، خطط التتبع مع البروتوكولات، حل الهوية، تكوين الوجهات، وأفضل ممارسات حوكمة البيانات. يُستخدم عند: segment، analytics.js، منصة بيانات العملاء، cdp، خطة التتبع.

web-development

upstash-qstash

١٩

خبير Upstash QStash لطوابير الرسائل بدون خادم، والمهام المجدولة، وتسليم المهام الموثوق به عبر HTTP دون إدارة البنية التحتية. يُستخدم عند: qstash، طابور upstash، كرون بدون خادم، http المجدول، طابور الرسائل بدون خادم.

web-development

astro

١٤

بناء مواقع إلكترونية تركز على المحتوى باستخدام Astro — بدون جافا سكريبت بشكل افتراضي، معمارية الجزر، مكونات متعددة الأُطُر، ودعم Markdown/MDX.

web-development

zod-validation-expert

١٤

خبير في Zod — التحقق من صحة المخططات مع التركيز على TypeScript. يشمل التحليل، الأخطاء المخصصة، التحسينات، استنتاج النوع، والتكامل مع React Hook Form و Next.js و tRPC.

web-development

chrome-extension-developer

١١

خبير في بناء إضافات كروم باستخدام Manifest V3. يغطي سكريبتات الخلفية، عمال الخدمة، سكريبتات المحتوى، والتواصل عبر السياقات.

web-development

tanstack-query-expert

٩

خبير في TanStack Query (React Query) — إدارة الحالة غير المتزامنة. يشمل جلب البيانات، تكوين وقت التقادم، التعديلات، التحديثات التفاؤلية، وتكامل Next.js App Router (SSR).

web-development

electron-development

٨

اتقن تطوير تطبيقات سطح المكتب باستخدام Electron مع IPC الآمن، contextIsolation، سكربتات preload، بنية متعددة العمليات، تغليف electron-builder، توقيع الشيفرة، والتحديث التلقائي.

web-development

expo-deployment

٨

نشر تطبيقات Expo إلى الإنتاج

web-development

sveltekit

٨

بناء تطبيقات الويب الشاملة باستخدام SvelteKit — التوجيه المعتمد على الملفات، SSR، SSG، مسارات API، وإجراءات النماذج في إطار عمل واحد.

web-development

zustand-store-ts

٨

إنشاء مخازن Zustand باتباع الأنماط المعتمدة مع أنواع TypeScript المناسبة والوسائط الوسيطة.

web-development

hono

٦

ابنِ واجهات برمجة تطبيقات ويب فائقة السرعة وتطبيقات متكاملة باستخدام Hono — يعمل على Cloudflare Workers وDeno وBun وNode.js وأي بيئة تشغيل متوافقة مع WinterCG.

web-development

drizzle-orm-expert

٤

خبير في Drizzle ORM لـ TypeScript — تصميم المخططات، الاستعلامات العلائقية، الترحيلات، وتكامل قواعد البيانات بدون خادم. يُستخدم عند بناء طبقات قواعد بيانات آمنة من حيث النوع باستخدام Drizzle.