تواصل معنا
Webflow Premium Partner إيهاب فايز
دليل الأدوات

أدوات AI Coding

إضافات وأدوات لـ Claude Code و Cursor و Copilot — خلي الـ AI يشتغل معاك

235 مهارة

إيه هي أدوات AI Coding؟

مهارات الوكيل (Agent Skills) هي إضافات وأدوات بتوصلها بوكيل البرمجة بتاعك زي Claude Code أو Cursor أو Copilot عشان يقدر يعمل حاجات أكتر من مجرد كتابة كود. يعني مثلاً تخليه يصمم على Figma، أو يعمل deploy على السيرفر، أو يشغل اختبارات في المتصفح، أو يبحث في قاعدة البيانات — كل ده من غير ما تسيب الـ IDE بتاعك.

إزاي بتشتغل؟

معظم المهارات بتشتغل عن طريق بروتوكول MCP (Model Context Protocol) — ده معيار مفتوح بيخلي وكيل الذكاء الاصطناعي يتواصل مع أدوات خارجية. كل مهارة هنا فيها تعليمات التثبيت والإعداد خطوة بخطوة.

التطوير والاختبار مميز

Linear MCP Server

إدارة المهام والتذاكر في Linear مباشرة من وكيل البرمجة بدون مغادرة المحرر.

Claude Code Cursor Windsurf
عرض المصدر (GitHub)
التطوير والاختبار مميز

Playwright MCP

أتمتة اختبارات المتصفح والتفاعل مع صفحات الويب برمجيًا للتحقق من الواجهات.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
التطوير والاختبار

Jest Test Runner

تشغيل وتصحيح اختبارات الوحدة والتكامل تلقائيًا مع تحليل نتائج الأخطاء.

Claude Code Copilot Cursor Codex Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Docker Dev Environments

إنشاء بيئات تطوير معزولة باستخدام الحاويات لضمان تطابق بيئة التطوير مع الإنتاج.

Claude Code Copilot Cursor Codex
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Git Worktrees

العمل على فروع متعددة بالتوازي بدون الحاجة لعمل stash أو تبديل السياق.

Claude Code Codex Gemini CLI
عرض المصدر (توثيق Git)
التطوير والاختبار

Database Schema Migrations

إدارة ترحيلات قواعد البيانات وتعديل المخططات بأمان مع الحفاظ على البيانات.

Claude Code Cursor Copilot Codex
عرض المصدر (Prisma Docs)
التطوير والاختبار

Bruno API Testing

اختبار واستكشاف واجهات API مباشرة من المحرر مع حفظ المجموعات في Git.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
التطوير والاختبار

Turborepo Task Runner

تسريع بناء ونشر المشاريع أحادية المستودع مع التخزين المؤقت الذكي.

Claude Code Copilot Cursor
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Test Coverage Analysis

اكتشاف الثغرات في تغطية الاختبارات واقتراح اختبارات جديدة للأكواد غير المختبرة.

Claude Code Copilot Cursor Codex Gemini CLI
عرض المصدر (Istanbul)
التطوير والاختبار

Dependency Update Automation

فحص وتحديث حزم المشروع تلقائيًا مع التحقق من التوافق وعدم كسر الأكواد.

Claude Code Copilot Codex
عرض المصدر (GitHub)
DevOps والبنية التحتية مميز

Terraform MCP Server

إدارة البنية التحتية ككود مع التخطيط والتطبيق التلقائي لتغييرات السحابة.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
DevOps والبنية التحتية

GitHub Actions Workflows

إنشاء وتعديل خطوط أنابيب CI/CD مع اختبار وبناء ونشر تلقائي.

Claude Code Copilot Cursor Codex Gemini CLI
عرض المصدر (GitHub)
DevOps والبنية التحتية

Kubernetes Deployment

إدارة نشر الحاويات وتوسيعها تلقائيًا مع إعدادات التوفر العالي.

Claude Code Copilot Cursor
عرض المصدر (الموقع الرسمي)
DevOps والبنية التحتية

AWS CDK Constructs

بناء موارد السحابة على AWS باستخدام لغات البرمجة المألوفة بدلاً من القوالب.

Claude Code Copilot Cursor Codex
عرض المصدر (AWS)
DevOps والبنية التحتية

Vercel Deploy Previews

نشر معاينات تلقائية لكل pull request للمراجعة قبل الدمج مع الفرع الرئيسي.

Claude Code Copilot Cursor Windsurf
عرض المصدر (Vercel)
DevOps والبنية التحتية

Cloudflare Workers

نشر دوال على الحافة لتنفيذ المنطق قرب المستخدمين مع زمن استجابة منخفض.

Claude Code Cursor Copilot Windsurf
عرض المصدر (Cloudflare)
الواجهات والتصميم مميز

Figma MCP Server

تحويل تصاميم Figma إلى كود مباشرة مع الحفاظ على الأنماط والمكونات.

Claude Code Cursor Windsurf
عرض المصدر (GitHub)
الواجهات والتصميم

Storybook Component Docs

إنشاء توثيق تفاعلي لمكونات الواجهة مع أمثلة حية وحالات استخدام.

Claude Code Copilot Cursor Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Tailwind CSS IntelliSense

إكمال تلقائي ذكي لأصناف Tailwind مع معاينة الألوان والقيم أثناء الكتابة.

Claude Code Copilot Cursor Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Accessibility Audit (axe-core)

فحص تلقائي لمشاكل إمكانية الوصول وتقديم اقتراحات لتحسين تجربة جميع المستخدمين.

Claude Code Copilot Cursor Codex
عرض المصدر (GitHub)
الواجهات والتصميم

Responsive Testing

اختبار تلقائي للواجهات على أحجام شاشات مختلفة للتأكد من التوافق مع جميع الأجهزة.

Claude Code Copilot Cursor Windsurf
عرض المصدر (Playwright Docs)
الواجهات والتصميم

Design Token Sync

مزامنة رموز التصميم بين Figma والكود لضمان تطابق الألوان والخطوط والمسافات.

Claude Code Cursor Windsurf
عرض المصدر (GitHub)
إدارة المشاريع مميز

Notion MCP Server

إدارة مستندات المشروع وقواعد المعرفة في Notion مباشرة من وكيل البرمجة.

Claude Code Cursor Windsurf
عرض المصدر (GitHub)
إدارة المشاريع

Slack MCP Integration

إرسال التحديثات والتواصل مع الفريق عبر Slack بدون مغادرة بيئة التطوير.

Claude Code Cursor Windsurf
عرض المصدر (GitHub)
إدارة المشاريع

JIRA Issue Tracking

تتبع المهام وإدارة سباقات التطوير وربط الأكواد بالتذاكر تلقائيًا.

Claude Code Copilot Cursor
عرض المصدر (Atlassian)
إدارة المشاريع

Development Time Tracking

تتبع الوقت المستغرق في المهام البرمجية تلقائيًا لتحسين تقديرات المشاريع المستقبلية.

Claude Code Copilot Cursor
عرض المصدر (WakaTime)
إدارة المشاريع

Sprint Planning Assistant

تحليل سرعة الفريق واقتراح توزيع المهام الأمثل لسباقات التطوير القادمة.

Claude Code Copilot Cursor
عرض المصدر (Atlassian)
المحتوى والتوثيق

Markdown Documentation Generator

إنشاء توثيق شامل للمشروع تلقائيًا من تعليقات الكود وبنية الملفات.

Claude Code Copilot Cursor Codex Gemini CLI
عرض المصدر (TypeDoc)
المحتوى والتوثيق

OpenAPI Documentation

إنشاء وتحديث مواصفات OpenAPI تلقائيًا مع واجهة تفاعلية لاستكشاف الـ API.

Claude Code Copilot Cursor Codex
عرض المصدر (Swagger)
المحتوى والتوثيق

README Generator

إنشاء ملفات README احترافية تلقائيًا مع أقسام التثبيت والاستخدام والمساهمة.

Claude Code Copilot Cursor Codex Gemini CLI Windsurf
عرض المصدر (readme.so)
المحتوى والتوثيق

Changelog Generator

إنشاء سجل تغييرات منظم تلقائيًا من رسائل الـ commits وفق معيار Conventional Commits.

Claude Code Copilot Cursor Codex
عرض المصدر (GitHub)
المحتوى والتوثيق

Technical Writing Assistant

تحسين جودة التوثيق التقني وتبسيط الشروحات المعقدة للمطورين والمستخدمين.

Claude Code Copilot Cursor Gemini CLI
عرض المصدر (Vale)
الأمان والجودة

Snyk Security Scan

فحص التبعيات والأكواد للكشف عن الثغرات الأمنية المعروفة واقتراح الإصلاحات.

Claude Code Copilot Cursor Codex
عرض المصدر (Snyk)
الأمان والجودة

SonarQube Code Quality

تحليل شامل لجودة الكود واكتشاف الأنماط السيئة والأكواد المكررة والتعقيد الزائد.

Claude Code Copilot Cursor
عرض المصدر (SonarQube)
الأمان والجودة

OWASP ZAP Security Testing

فحص تلقائي لتطبيقات الويب للكشف عن ثغرات OWASP العشر الأكثر شيوعًا.

Claude Code Copilot Cursor
عرض المصدر (OWASP ZAP)
الأمان والجودة

License Compliance Check

فحص تراخيص المكتبات المفتوحة المصدر والتأكد من توافقها مع سياسة المشروع.

Claude Code Copilot Codex
عرض المصدر (GitHub)
البيانات والتحليلات

Sentry Error Tracking

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

Claude Code Copilot Cursor
عرض المصدر (Sentry)
البيانات والتحليلات

PostHog Product Analytics

تتبع سلوك المستخدمين وتحليل مسارات التحويل لاتخاذ قرارات مبنية على البيانات.

Claude Code Cursor Copilot
عرض المصدر (PostHog)
البيانات والتحليلات

Database Query Builder

توليد استعلامات SQL محسّنة وتحويل الأسئلة النصية إلى استعلامات قاعدة بيانات.

Claude Code Copilot Cursor Codex Gemini CLI
عرض المصدر (Prisma)
البيانات والتحليلات

Data Pipeline Monitor

مراقبة عمليات ETL وخطوط نقل البيانات والتنبيه عند حدوث أعطال أو تأخيرات.

Claude Code Copilot Cursor
عرض المصدر (Apache Airflow)
التطوير والاختبار

Vitest Testing Framework

إطار اختبار وحدات سريع جدًا مبني على Vite، بيدعم ESM و TypeScript و JSX من غير أي إعدادات إضافية.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Cypress E2E Testing

شغّل اختبارات شاملة في متصفح حقيقي مع Cypress، مع ميزة التنقل الزمني والانتظار التلقائي ونتائج الاختبار المرئية.

Claude Code Copilot Cursor Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Mocha + Chai Testing

اختبار JavaScript مرن مع Mocha كمشغل اختبارات و Chai لتأكيدات BDD/TDD المعبّرة.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Python pytest

شغّل اختبارات Python مع pytest، مع اكتشاف تلقائي للاختبارات وفحص تأكيدات غني ونظام إضافات قوي.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Prisma ORM

وصول آمن النوع لقواعد البيانات مع Prisma، مع استعلامات مولّدة تلقائيًا وعمليات ترحيل ولغة مخطط بديهية.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Drizzle ORM

ORM خفيف وآمن النوع لـ SQL في TypeScript بدون أي تبعيات، مع صيغة شبيهة بـ SQL وعمليات ترحيل سريعة جدًا.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

TypeORM

ORM غني بالميزات لـ TypeScript و JavaScript بيدعم أنماط Active Record و Data Mapper مع الديكوريتورز.

Claude Code Codex Copilot Cursor Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

GraphQL with Apollo

ابني واستهلك واجهات GraphQL باستخدام Apollo Server و Client، مع تعريفات مخطط آمنة النوع وتخزين مؤقت قوي.

Claude Code Codex Copilot Cursor Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

tRPC Type-Safe APIs

ابني واجهات برمجية آمنة النوع بالكامل من غير مخططات أو توليد كود باستخدام tRPC، مع مشاركة الأنواع مباشرة بين الخادم والعميل.

Claude Code Codex Copilot Cursor Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

gRPC Services

ابني خدمات RPC عالية الأداء مع Protocol Buffers، مع دعم البث ثنائي الاتجاه وعملاء متعددي اللغات.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Webpack Configuration

هيّئ وحسّن بناء Webpack للتطبيقات المعقدة مع تقسيم الكود وإزالة الكود غير المستخدم وإدارة الإضافات.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Vite Build Configuration

هيّئ Vite لتطوير سريع جدًا مع ESM الأصلي و HMR فوري وبناءات إنتاج محسّنة باستخدام Rollup.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

esbuild Bundling

تجميع JavaScript/TypeScript فائق السرعة مع esbuild، بتجميع أسرع بـ 100 مرة من المجمّعات التقليدية.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Rollup Configuration

هيّئ Rollup لتجميع مكتبات محسّن مع إزالة الكود غير المستخدم وتنسيقات مخرجات متعددة ونظام إضافات غني.

Claude Code Codex Copilot Cursor Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

ESLint Configuration

جهّز وهيّئ ESLint لجودة كود متسقة مع قواعد مخصصة وإضافات و flat config للمشاريع الحديثة.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Prettier Code Formatting

فرض تنسيق موحد للكود باستخدام Prettier، بيدعم JavaScript و TypeScript و CSS و HTML و JSON وغيرهم.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Biome All-in-One Linter

أداة فحص وتنسيق سريعة وشاملة لـ JavaScript و TypeScript مكتوبة بـ Rust، بتستبدل ESLint و Prettier.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Nx Monorepo Management

إدارة مستودعات monorepo الكبيرة باستخدام Nx، مع تخزين مؤقت ذكي للمهام وبناء الأجزاء المتأثرة فقط وتصور رسم التبعيات.

Claude Code Codex Copilot Cursor Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

pnpm Workspace Management

إدارة تبعيات monorepo بكفاءة مع pnpm workspaces، مع عزل صارم للتبعيات وتوفير مساحة القرص.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Nodemon File Watching

إعادة تشغيل تطبيقات Node.js تلقائياً لما بيتم اكتشاف تغييرات في الملفات، بتمكّن تكرار التطوير السريع.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Node.js Debugging

تصحيح أخطاء تطبيقات Node.js باستخدام المفتش المدمج ونقاط التوقف وأدوات تحليل الذاكرة.

Claude Code Codex Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Chrome DevTools Integration

استخدام Chrome DevTools للتصحيح وتحليل الأداء وتحليل الشبكة وتدقيقات Lighthouse.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

React Testing Library

اختبار مكونات React بالطريقة اللي المستخدمين بيتفاعلوا بيها، بالتركيز على السلوك بدل تفاصيل التنفيذ.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Storybook Component Testing

تطوير واختبار وتوثيق مكونات UI بشكل منعزل مع Storybook، بيدعم اختبار الانحدار البصري واختبار التفاعل.

Claude Code Copilot Cursor Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Mock Service Worker (MSW)

اعتراض طلبات الشبكة على مستوى الـ Service Worker لمحاكاة API بشكل سلس في الاختبارات والتطوير.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Testcontainers

تشغيل قواعد بيانات حقيقية ووسطاء رسائل وخدمات في حاويات Docker لاختبارات تكامل موثوقة.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

k6 Load Testing

تشغيل اختبارات الحمل والأداء مع k6، مع كتابة سيناريوهات بـ JavaScript لمحاكاة آلاف المستخدمين الافتراضيين.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Pact Contract Testing

التحقق من عقود API بين المستهلكين والمزودين مع Pact، لضمان توافق الخدمات المصغرة مع تطورها.

Claude Code Codex Cursor Copilot
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Knex.js SQL Query Builder

بناء استعلامات SQL برمجياً مع Knex.js، مع واجهة برمجية سلسة وترحيلات وبذر لقواعد بيانات متعددة.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
التطوير والاختبار

Sequelize ORM

ORM غني بالميزات وقائم على الوعود لـ Node.js بيدعم PostgreSQL و MySQL و MariaDB و SQLite و MSSQL مع تعريفات النماذج والعلاقات.

Claude Code Codex Copilot Cursor Gemini CLI Windsurf
عرض المصدر (الموقع الرسمي)
DevOps والبنية التحتية

Nginx Configuration

إنشاء وتحسين إعدادات Nginx للـ reverse proxy والـ load balancing وتقديم الملفات الثابتة بمساعدة الذكاء الاصطناعي.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (Official Site)
DevOps والبنية التحتية

Caddy Server

نشر تطبيقات الويب مع HTTPS تلقائي باستخدام Caddy. أدوات AI تقدر تولّد Caddyfiles للـ reverse proxy وتقديم الملفات.

Claude Code Codex Cursor
عرض المصدر (Official Site)
DevOps والبنية التحتية

Traefik Reverse Proxy

إعداد Traefik كـ reverse proxy ديناميكي مع اكتشاف تلقائي للخدمات في بيئات Docker و Kubernetes.

Claude Code Cursor Codex
عرض المصدر (Official Site)
DevOps والبنية التحتية

PM2 Process Manager

إدارة تطبيقات Node.js في الإنتاج مع PM2 clustering و zero-downtime reloads وإدارة السجلات وإعدادات ecosystem.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (Official Site)
DevOps والبنية التحتية

Systemd Service Management

إنشاء وإدارة وحدات خدمة systemd على لينكس لتشغيل التطبيقات كخدمات خلفية مع إعادة تشغيل تلقائية وتسجيل.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (Official Site)
DevOps والبنية التحتية

Docker Compose Patterns

تصميم معماريات Docker Compose متعددة الخدمات مع الشبكات والـ volumes و health checks وأنماط جاهزة للإنتاج.

Claude Code Codex Copilot Cursor Gemini CLI
عرض المصدر (Docker Docs)
DevOps والبنية التحتية

Podman Rootless Containers

تشغيل حاويات OCI بدون صلاحيات root مع Podman. أدوات AI تقدر تولّد أوامر Podman و pods ودمج systemd.

Claude Code Codex Cursor
عرض المصدر (Official Site)
DevOps والبنية التحتية

GitLab CI/CD Pipelines

إنشاء وتحسين خطوط أنابيب GitLab CI/CD مع مراحل بناء متعددة وتخزين مؤقت و artifacts ونشر حسب البيئة.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (GitLab Docs)
DevOps والبنية التحتية

CircleCI Pipelines

بناء وتحسين خطوط أنابيب CircleCI مع orbs و workflows وتخزين مؤقت وتوازي لـ CI/CD سريع وموثوق.

Claude Code Codex Cursor
عرض المصدر (Official Site)
DevOps والبنية التحتية

Jenkins Pipelines

إنشاء خطوط أنابيب Jenkins التصريحية والبرمجية مع مراحل وتنفيذ متوازي ومكتبات مشتركة.

Claude Code Codex Cursor
عرض المصدر (Official Site)
DevOps والبنية التحتية

AWS S3 Storage

إدارة حاويات AWS S3 وضبط السياسات وإعداد الاستضافة الثابتة وأتمتة عمليات الملفات بأوامر AWS CLI.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (AWS Docs)
DevOps والبنية التحتية

AWS Lambda Functions

إنشاء ونشر وتصحيح دوال AWS Lambda مع إعداد IAM و event source mapping بمساعدة AI.

Claude Code Codex Copilot Cursor Gemini CLI
عرض المصدر (AWS Docs)
DevOps والبنية التحتية

AWS EC2 Management

تشغيل وإعداد وإدارة مثيلات EC2 مع مجموعات أمان وسكريبتات user data وإدارة دورة حياة المثيلات.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (AWS Docs)
DevOps والبنية التحتية

AWS CloudFront CDN

إعداد توزيعات CloudFront لتوصيل المحتوى عالمياً مع سياسات تخزين مؤقت وإعدادات الأصل ودوال الحافة.

Claude Code Codex Cursor
عرض المصدر (AWS Docs)
DevOps والبنية التحتية

AWS SES Email Service

إعداد AWS Simple Email Service للبريد التفاعلي مع التحقق من النطاق و DKIM وقوالب الإرسال.

Claude Code Codex Cursor
عرض المصدر (AWS Docs)
DevOps والبنية التحتية

Google Cloud Run

نشر تطبيقات الحاويات على Google Cloud Run مع تحجيم تلقائي ونطاقات مخصصة وتقسيم حركة المرور.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (GCP Docs)
DevOps والبنية التحتية

Google Cloud Functions

بناء ونشر دوال بدون خوادم مبنية على الأحداث على Google Cloud مع HTTP triggers و Pub/Sub و Cloud Storage.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (GCP Docs)
DevOps والبنية التحتية

Firebase Hosting & Functions

نشر تطبيقات ويب وAPIs على Firebase مع استضافة و Cloud Functions وقواعد Firestore وإعداد المصادقة.

Claude Code Codex Copilot Cursor
عرض المصدر (Firebase Docs)
DevOps والبنية التحتية

Azure App Service

نشر تطبيقات ويب على Azure App Service مع deployment slots و auto-scaling و CI/CD متكامل من GitHub.

Claude Code Codex Copilot Cursor
عرض المصدر (Azure Docs)
DevOps والبنية التحتية

Azure Functions

بناء تطبيقات بدون خوادم مبنية على الأحداث مع Azure Functions تدعم HTTP triggers ومعالجة الطوابير ودوال المؤقت.

Claude Code Codex Copilot Cursor
عرض المصدر (Azure Docs)
DevOps والبنية التحتية

DigitalOcean Droplets

إنشاء وإدارة DigitalOcean Droplets مع تجهيز تلقائي وقواعد جدار حماية وسكريبتات نشر باستخدام doctl CLI.

Claude Code Codex Cursor
عرض المصدر (DO Docs)
DevOps والبنية التحتية

DigitalOcean App Platform

نشر تطبيقات على DigitalOcean App Platform مع بناء تلقائي من GitHub وقواعد بيانات مُدارة وإعدادات حسب البيئة.

Claude Code Codex Cursor
عرض المصدر (DO Docs)
DevOps والبنية التحتية

DNS Record Management

إعداد وإدارة سجلات DNS بما فيها A و AAAA و CNAME و MX و TXT و CAA لتوجيه النطاقات والبريد والتحقق.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (Cloudflare Docs)
DevOps والبنية التحتية

Let's Encrypt SSL

أتمتة توفير وتجديد شهادات SSL/TLS المجانية مع Let's Encrypt باستخدام Certbot و ACME clients و DNS challenges.

Claude Code Codex Cursor
عرض المصدر (Official Site)
DevOps والبنية التحتية

Grafana Dashboards

إنشاء لوحات مراقبة مع Grafana لعرض المقاييس والسجلات والتتبعات من Prometheus و Loki ومصادر بيانات تانية.

Claude Code Codex Cursor
عرض المصدر (Official Site)
DevOps والبنية التحتية

Prometheus Metrics

إعداد Prometheus لجمع المقاييس مع اكتشاف الخدمات واستعلامات PromQL وقواعد التسجيل والتنبيه للأنظمة الإنتاجية.

Claude Code Codex Cursor
عرض المصدر (Official Site)
DevOps والبنية التحتية

Datadog APM Monitoring

تجهيز التطبيقات بـ Datadog APM للتتبع الموزع وتتبع الأخطاء ومراقبة الأداء بإعداد بمساعدة AI.

Claude Code Codex Cursor
عرض المصدر (Datadog Docs)
DevOps والبنية التحتية

Ansible Server Automation

أتمتة تجهيز السيرفرات وإدارة الإعدادات ونشر التطبيقات مع Ansible playbooks و roles و inventories.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (Ansible Docs)
DevOps والبنية التحتية

Pulumi Infrastructure as Code

تعريف البنية التحتية السحابية بـ TypeScript أو Python أو Go مع Pulumi. أدوات AI تقدر تولّد stacks وتدير الحالة وتنشر الموارد برمجياً.

Claude Code Codex Copilot Cursor
عرض المصدر (Official Site)
DevOps والبنية التحتية

Fly.io Edge Deployment

نشر تطبيقات عالمياً على Fly.io مع حوسبة الحافة وتحجيم تلقائي و persistent volumes وقواعد بيانات متعددة المناطق.

Claude Code Codex Cursor
عرض المصدر (Official Site)
الواجهات والتصميم

Next.js App Router

ابني تطبيقات React كاملة باستخدام Next.js App Router، مع server components و streaming و file-based routing.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Nuxt.js Vue Framework

ابني تطبيقات Vue.js شاملة باستخدام Nuxt، مع auto-imports و file-based routing وأوضاع rendering هجينة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

SvelteKit Framework

ابني تطبيقات ويب سريعة باستخدام SvelteKit، مع file-based routing و server-side rendering وصفحات بدون JavaScript بشكل افتراضي.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Astro Static Site Framework

ابني مواقع محتوى باستخدام Astro، من غير JavaScript بشكل افتراضي مع دعم components من React و Vue و Svelte.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Remix Full-Stack Framework

ابني تطبيقات ويب full-stack باستخدام Remix، مع nested routes و progressive enhancement و web-standard APIs.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Styled Components CSS-in-JS

اكتب CSS مباشرة في JavaScript باستخدام tagged template literals، وأنشئ styles محددة النطاق وديناميكية مرتبطة بمنطق الـ component.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Panda CSS Zero-Runtime

اكتب CSS آمن النوع وبدون runtime باستخدام Panda CSS، اللي بيجمع تجربة CSS-in-JS مع أداء الـ static extraction.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Framer Motion Animations

اعمل أنيميشن سلس وجاهز للإنتاج في React باستخدام API التصريحي بتاع Framer Motion مع gestures.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

GSAP Web Animations

ابني أنيميشن عالي الأداء ومبني على timelines باستخدام GSAP، مكتبة أنيميشن JavaScript الرائدة في الصناعة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Three.js 3D Graphics

اعمل تجارب 3D تفاعلية للويب باستخدام Three.js، من عارضات المنتجات للتصورات الغامرة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Lottie Web Animations

اعرض أنيميشن After Effects خفيف وقابل للتكبير على الويب باستخدام Lottie، مع تفاعلية وتحكم كامل.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Zustand State Management

أدِر حالة تطبيق React باستخدام Zustand، مكتبة إدارة حالة خفيفة وسريعة وقابلة للتوسع من غير boilerplate.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
الواجهات والتصميم

Jotai Atomic State

أدِر حالة React بنموذج Jotai الذرّي، واعمل حالة bottom-up بتتوسع من غير مشاكل re-render.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Redux Toolkit State Management

أدِر حالة التطبيق المعقدة باستخدام Redux Toolkit، الطريقة الرسمية الموصى بها لكتابة منطق Redux.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

TanStack Query Data Fetching

أدِر حالة السيرفر باستخدام TanStack Query، مع caching تلقائي و background updates و stale data و pagination.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

React Hook Form

ابني forms عالية الأداء في React بأقل re-renders باستخدام نهج uncontrolled components بتاع React Hook Form.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Zod Schema Validation

حدد وتحقق من مخططات البيانات باستخدام Zod، مع runtime validation آمن النوع بيتكامل مع TypeScript وقت الـ compile.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

shadcn/ui Component Library

ابني مكتبة المكونات بتاعتك مع shadcn/ui، بتنسخ مكونات جاهزة ومتصممة حلو وقابلة للوصول مباشرة في مشروعك.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Radix UI Primitives

ابني مكونات UI قابلة للوصول وبدون تنسيق مع Radix UI اللي بتتعامل مع التفاعلات المعقدة وأنماط WAI-ARIA.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

Headless UI Components

ابني مكونات UI قابلة للوصول بالكامل مع Headless UI، المصممة للتكامل بسلاسة مع Tailwind CSS.

Claude Code Cursor Copilot Windsurf
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

DaisyUI Tailwind Components

سرّع تطوير الواجهات مع DaisyUI، بتضيف فئات مكونات دلالية وثيمات مدمجة لـ Tailwind CSS.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (الموقع الرسمي)
الواجهات والتصميم

SEO Meta Tags & Optimization

حسّن موقعك لمحركات البحث مع وسوم meta الصحيحة والبيانات المهيكلة ووسوم Open Graph وHTML الدلالي.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (مستندات بحث Google)
الواجهات والتصميم

Core Web Vitals Optimization

قيس وحسّن Core Web Vitals (LCP, INP, CLS) عشان تحسن تجربة المستخدم وترتيب محركات البحث.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (web.dev)
الواجهات والتصميم

Lighthouse Performance Auditing

شغّل تدقيقات Lighthouse من العميل بتاعك عشان تقيس الأداء وإمكانية الوصول وSEO وأفضل الممارسات.

Claude Code Codex Cursor Gemini CLI
عرض المصدر (GitHub)
الواجهات والتصميم

Progressive Web App Setup

حوّل تطبيق الويب بتاعك لـ PWA مع دعم العمل بدون إنترنت ومطالبات التثبيت وإشعارات الدفع وتجربة شبيهة بالتطبيقات.

Claude Code Cursor Copilot Windsurf
عرض المصدر (web.dev)
الواجهات والتصميم

Service Worker Caching

نفّذ استراتيجيات تخزين مؤقت متقدمة مع Service Workers لدعم العمل بدون إنترنت وتحميل أسرع ومزامنة في الخلفية.

Claude Code Cursor Copilot Windsurf
عرض المصدر (Chrome Developers)
الواجهات والتصميم

Web Push Notifications

نفّذ إشعارات دفع المتصفح عشان تعيد تفاعل المستخدمين بتحديثات مناسبة حتى لو موقعك مش مفتوح.

Claude Code Cursor Copilot Windsurf
عرض المصدر (مستندات MDN)
الواجهات والتصميم

Responsive Image Optimization

قدّم صور محسنة ومتجاوبة مع srcset و sizes وصيغ حديثة (WebP/AVIF) وتحميل كسول لتحميل صفحات أسرع.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (web.dev)
الواجهات والتصميم

Web Font Loading Optimization

حسّن تحميل خطوط الويب مع التحميل المسبق والتجزئة واستراتيجيات font-display والخطوط المتغيرة لأداء أفضل.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (web.dev)
الواجهات والتصميم

next-intl Internationalization

ضيف تعدد اللغات لتطبيقات Next.js App Router مع next-intl، بدعم الترجمات والتنسيق وتوجيه اللغات.

Claude Code Cursor Copilot Windsurf
عرض المصدر (المستندات الرسمية)
الواجهات والتصميم

react-i18next Translations

عرّب وترجم تطبيقات React مع react-i18next، أشهر إطار i18n بدعم namespaces والتحميل الكسول والجمع.

Claude Code Cursor Copilot Windsurf
عرض المصدر (المستندات الرسمية)
الواجهات والتصميم

CSS Modules Scoping

اكتب CSS بنطاق محلي مع CSS Modules، بتمنع تعارض الأنماط بدون تكلفة وقت تشغيل أو اصطلاحات تسمية.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
الواجهات والتصميم

Tailwind CSS Custom Plugins

وسّع Tailwind CSS بإضافات مخصصة عشان تضيف أدوات ومكونات ومتغيرات وأساسيات نظام تصميم جديدة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (المستندات الرسمية)
الواجهات والتصميم

View Transitions API

اعمل انتقالات صفحات سلسة وأصلية مع View Transitions API، بتمكّن التنقل المتحرك بدون أطر JavaScript.

Claude Code Cursor Copilot Windsurf
عرض المصدر (Chrome Developers)
الواجهات والتصميم

Web Components (Custom Elements)

ابني مكونات UI قابلة لإعادة الاستخدام ومستقلة عن الإطار مع Web Components باستخدام Custom Elements و Shadow DOM وقوالب HTML.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (مستندات MDN)
إدارة المشاريع

GitHub Projects

إدارة لوحات GitHub Projects والمهام وسير العمل مباشرة من وكيل البرمجة الذكي بتاعك.

Claude Code Copilot Cursor
عرض المصدر (GitHub)
إدارة المشاريع

GitLab Issue Boards

التعامل مع لوحات مشكلات GitLab وطلبات الدمج وخطوط CI/CD من وكيل البرمجة بتاعك.

Claude Code Cursor Windsurf
عرض المصدر (GitLab)
إدارة المشاريع

Asana Integration

ربط إدارة مهام Asana بسير عمل البرمجة الذكي بتاعك لتتبع المشاريع بسلاسة.

Claude Code Cursor
عرض المصدر (GitHub)
إدارة المشاريع

ClickUp Integration

إدارة مساحات ClickUp والمهام والمستندات من وكيل البرمجة الذكي بتاعك لإدارة مشاريع موحدة.

Claude Code Cursor
عرض المصدر (GitHub)
إدارة المشاريع

Monday.com Integration

ربط سير عمل Monday.com ولوحاته بوكيل البرمجة الذكي بتاعك لتتبع المشاريع المرئي.

Claude Code Cursor
عرض المصدر (GitHub)
إدارة المشاريع

Figma Design Handoff

استخراج رموز التصميم ومواصفات المكونات والأصول من ملفات Figma لسير عمل تصميم إلى كود سلس.

Claude Code Cursor Windsurf
عرض المصدر (GitHub)
إدارة المشاريع

Zeplin Design Specs

الوصول لمواصفات تصميم Zeplin وأدلة الأنماط وتوثيق المكونات من وكيل البرمجة بتاعك.

Claude Code Cursor
عرض المصدر (GitHub)
إدارة المشاريع

Confluence Documentation

قراءة وكتابة صفحات ومساحات Confluence من وكيل البرمجة الذكي بتاعك لتوثيق الفريق.

Claude Code Cursor
عرض المصدر (GitHub)
إدارة المشاريع

Coda Collaborative Docs

التفاعل مع مستندات وجداول وأتمتة Coda من وكيل البرمجة الذكي بتاعك.

Claude Code Cursor
عرض المصدر (GitHub)
إدارة المشاريع

OKR Goal Tracking

تتبع وإدارة الأهداف والنتائج الرئيسية (OKRs) بمساعدة الذكاء الاصطناعي في تحديد الأهداف ومراقبة التقدم.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
إدارة المشاريع

Sprint Retrospectives

تسهيل استعراضات السبرنت بمساعدة الذكاء الاصطناعي مع تتبع تلقائي لعناصر العمل وتحليل المشاعر.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
إدارة المشاريع

Pull Request Templates

إنشاء وإدارة قوالب طلبات سحب ذكية مع قوائم مراجعة آلية وأوصاف مدركة للسياق.

Claude Code Copilot Cursor Windsurf
عرض المصدر (Official Site)
إدارة المشاريع

Automated Code Review

أتمتة مراجعة الكود بتحليل مدعوم بالذكاء الاصطناعي وفحص الأنماط ومسح الأمان.

Claude Code Copilot Cursor Codex
عرض المصدر (GitHub)
إدارة المشاريع

AI Meeting Notes

إنشاء ملاحظات اجتماعات منظمة وعناصر عمل ومتابعات من نصوص الاجتماعات باستخدام الذكاء الاصطناعي.

Claude Code Cursor
عرض المصدر (GitHub)
إدارة المشاريع

Gantt Chart Planning

إنشاء وإدارة مخططات جانت للجداول الزمنية للمشاريع مع تتبع تبعيات مدعوم بالذكاء الاصطناعي.

Claude Code Cursor Copilot
عرض المصدر (Official Site)
إدارة المشاريع

Team Resource Planning

تخصيص موارد الفريق وتخطيط السعة المدعوم بالذكاء الاصطناعي لسبرنتات التطوير.

Claude Code Cursor
عرض المصدر (GitHub)
إدارة المشاريع

Incident Response Management

إدارة سير عمل الاستجابة للحوادث وكتب التشغيل وتقارير ما بعد الحادث من وكيل البرمجة الذكي بتاعك.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
إدارة المشاريع

Status Page Management

إدارة صفحات الحالة والحوادث ونوافذ الصيانة من وكيل البرمجة الذكي بتاعك.

Claude Code Cursor
عرض المصدر (GitHub)
إدارة المشاريع

Feature Flag Management

إدارة أعلام الميزات والإطلاق التدريجي من وكيل البرمجة الذكي بتاعك.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
إدارة المشاريع

Release Management

أتمتة سير عمل الإصدار بما في ذلك الترقيم وسجلات التغييرات وتنسيق النشر.

Claude Code Copilot Cursor Codex
عرض المصدر (GitHub)
المحتوى والتوثيق

MDX Content Authoring

كتابة محتوى MDX غني بمكونات React مدمجة وأمثلة تفاعلية واستيرادات ديناميكية.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
المحتوى والتوثيق

Contentlayer CMS

إدارة محتوى آمنة الأنواع مع Contentlayer للمحتوى المنظم في المشاريع القائمة على الكود.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

Sanity Headless CMS

التفاعل مع محتوى Sanity CMS والمخططات واستعلامات GROQ من وكيل البرمجة الذكي بتاعك.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

Strapi Headless CMS

إدارة أنواع محتوى Strapi والإدخالات وواجهات REST/GraphQL من وكيل البرمجة الذكي بتاعك.

Claude Code Cursor
عرض المصدر (GitHub)
المحتوى والتوثيق

Swagger/OpenAPI Documentation

إنشاء وصيانة توثيق Swagger/OpenAPI لواجهات REST API بمساعدة الذكاء الاصطناعي في كتابة المواصفات.

Claude Code Cursor Copilot Codex
عرض المصدر (GitHub)
المحتوى والتوثيق

ReDoc API Documentation

إنشاء توثيق API جميل ومتجاوب مع ReDoc من مواصفات OpenAPI.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

Mintlify Documentation

بناء مواقع توثيق جميلة مع Mintlify باستخدام إنشاء المحتوى والتكوين المدعوم بالذكاء الاصطناعي.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

Docusaurus Documentation

بناء وإدارة مواقع توثيق Docusaurus مع إنشاء محتوى وتكوين إضافات بمساعدة الذكاء الاصطناعي.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
المحتوى والتوثيق

JSDoc Code Documentation

إنشاء تعليقات JSDoc شاملة لكود JavaScript وTypeScript بمساعدة الذكاء الاصطناعي.

Claude Code Copilot Cursor Codex Gemini CLI Windsurf
عرض المصدر (GitHub)
المحتوى والتوثيق

TypeDoc API Docs

إنشاء توثيق API شامل من كود TypeScript المصدري باستخدام TypeDoc.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

Mermaid Diagrams

إنشاء مخططات انسيابية ومخططات تسلسلية ومخططات بنية باستخدام لغة ترميز Mermaid.

Claude Code Cursor Copilot Codex Gemini CLI
عرض المصدر (GitHub)
المحتوى والتوثيق

PlantUML Diagrams

إنشاء مخططات UML بما في ذلك مخططات الفئات والتسلسل والمكونات بترميز PlantUML النصي.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

D2 Declarative Diagrams

إنشاء مخططات حديثة وتصريحية بلغة D2 لبنية البرمجيات وتصميم الأنظمة.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

Slidev Presentations

إنشاء عروض تقديمية موجهة للمطورين مع Slidev باستخدام Markdown ومكونات Vue وتمييز الكود.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

Reveal.js Presentations

بناء عروض HTML تقديمية تفاعلية مع Reveal.js بميزات الرسوم المتحركة والشظايا وملاحظات المتحدث.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

Translation File Management

إدارة ملفات ترجمة i18n واستخراج النصوص القابلة للترجمة والحفاظ على اتساق اللغات.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
المحتوى والتوثيق

Structured Data / Schema.org

إنشاء وإدارة بيانات JSON-LD المنظمة لتحسين محركات البحث باستخدام مفردات Schema.org.

Claude Code Cursor Copilot Windsurf
عرض المصدر (Official Site)
المحتوى والتوثيق

Meta Tags Optimization

إنشاء وتحسين وسوم meta وOpen Graph وترميز Twitter Card لتحسين SEO والمشاركة الاجتماعية.

Claude Code Cursor Copilot Windsurf
عرض المصدر (Official Site)
المحتوى والتوثيق

RSS/Atom Feed Generation

إنشاء وصيانة خلاصات RSS وAtom للمدونات والبودكاست ونشر المحتوى.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

XML Sitemap Generation

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

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

Robots.txt Configuration

إنشاء وإدارة ملفات robots.txt للتحكم في سلوك زحف محركات البحث.

Claude Code Cursor Copilot
عرض المصدر (Official Site)
المحتوى والتوثيق

Astro Content Collections

إدارة مجموعات محتوى آمنة الأنواع في Astro مع التحقق من المخططات وواجهات الاستعلام.

Claude Code Cursor Copilot Windsurf
عرض المصدر (Official Site)
المحتوى والتوثيق

Nextra Documentation

بناء مواقع توثيق مدعومة بـ Next.js مع Nextra باستخدام MDX وتوجيه نظام الملفات.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
المحتوى والتوثيق

VitePress Documentation

إنشاء مواقع توثيق سريعة مدعومة بـ Vite مع VitePress باستخدام Markdown ومكونات Vue.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
المحتوى والتوثيق

Starlight Documentation

بناء مواقع توثيق جميلة بسمة Astro Starlight مع ميزات التعريب والبحث والتنقل في الشريط الجانبي.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
الأمان والجودة

NextAuth.js Authentication

إعداد NextAuth.js للمصادقة في تطبيقات Next.js مع دعم مقدمي خدمات متعددين وإدارة الجلسات.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
الأمان والجودة

Clerk Authentication

دمج Clerk لإدارة المستخدمين الكاملة مع مكونات واجهة جاهزة ومصادقة متعددة العوامل.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
الأمان والجودة

Auth0 Identity Management

دمج Auth0 لإدارة الهوية على مستوى المؤسسات مع Universal Login وSSO والتفويض الدقيق.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
الأمان والجودة

Supabase Auth

إعداد Supabase Auth للمصادقة بالبريد والتواصل الاجتماعي والهاتف مع تكامل Row Level Security.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
الأمان والجودة

Passport.js Strategies

ضبط Passport.js كوسيط مصادقة مع أكثر من 500 استراتيجية لتطبيقات Express وNode.js.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
الأمان والجودة

bcrypt Password Hashing

تشفير والتحقق من كلمات المرور بأمان باستخدام bcrypt مع جولات ملح قابلة للتكوين في Node.js.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
الأمان والجودة

Argon2 Password Hashing

استخدام Argon2 الفائز بمسابقة تجزئة كلمات المرور لأمان كلمات المرور الأحدث في Node.js.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
الأمان والجودة

JWT Token Authentication

تنفيذ مصادقة بدون حالة قائمة على JWT مع توقيع الرموز والتحقق منها وتدفقات رمز التحديث.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
الأمان والجودة

OAuth2 Authorization Flows

تنفيذ تدفقات رمز التفويض وPKCE وبيانات اعتماد العميل لـ OAuth2 مع مكتبة oauth4webapi.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
الأمان والجودة

CORS Configuration

ضبط رؤوس مشاركة الموارد عبر المصادر للتحكم في النطاقات التي يمكنها الوصول لنقاط نهاية API.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
الأمان والجودة

Content Security Policy

تحديد رؤوس Content Security Policy لمنع هجمات XSS والنقر الخادع وحقن الكود.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
الأمان والجودة

API Rate Limiting

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

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
الأمان والجودة

Helmet.js HTTP Security

ضبط رؤوس أمان HTTP الأساسية مع Helmet.js لحماية تطبيقات Express من الثغرات الشائعة.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
الأمان والجودة

npm Audit Security Scanning

فحص تبعيات المشروع بحثاً عن ثغرات معروفة باستخدام npm audit وإصلاح المشاكل تلقائياً.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (Official Site)
الأمان والجودة

Socket.dev Dependency Analysis

اكتشاف هجمات سلسلة التوريد والحزم الخبيثة مع تحليل Socket.dev العميق للحزم.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
الأمان والجودة

HashiCorp Vault Secrets

إدارة الأسرار ومفاتيح التشفير والشهادات بأمان مع HashiCorp Vault لبيئات الإنتاج.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
الأمان والجودة

dotenv Environment Management

تحميل متغيرات البيئة من ملفات .env إلى process.env للتطوير المحلي والتكوين.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
الأمان والجودة

1Password CLI Secrets

الوصول لأسرار خزائن 1Password وإدارتها برمجياً باستخدام واجهة op CLI وحزم SDK.

Claude Code Cursor
عرض المصدر (GitHub)
الأمان والجودة

Zod Input Validation

تحديد والتحقق من مخططات البيانات مع Zod للتحقق الآمن من الأنواع في تطبيقات TypeScript.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
الأمان والجودة

Yup Schema Validation

بناء مخططات تحقق معبرة مع Yup للتحقق من النماذج وتحليل البيانات في تطبيقات JavaScript.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
الأمان والجودة

Joi Data Validation

التحقق من هياكل البيانات المعقدة مع Joi أقوى مكتبة للتحقق من المخططات في JavaScript.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
الأمان والجودة

Cloudflare WAF Protection

ضبط قواعد جدار حماية تطبيقات الويب Cloudflare للحماية من حقن SQL وXSS وهجمات DDoS.

Claude Code Cursor
عرض المصدر (Official Site)
الأمان والجودة

Fail2ban Intrusion Prevention

مراقبة السجلات وحظر عناوين IP المشبوهة تلقائياً مع Fail2ban لخوادم Linux.

Claude Code Cursor
عرض المصدر (GitHub)
الأمان والجودة

Trivy Container Security Scanning

فحص صور الحاويات وأنظمة الملفات وIaC بحثاً عن الثغرات والتكوينات الخاطئة مع Trivy.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
الأمان والجودة

Dependabot Security Updates

أتمتة تحديثات التبعيات وتصحيحات الأمان مع GitHub Dependabot لمعالجة الثغرات المستمرة.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
البيانات والتحليلات

PostgreSQL Database Management

إدارة قواعد بيانات PostgreSQL مع استعلامات متقدمة وفهرسة وتحسين الأداء لأحمال الإنتاج.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
البيانات والتحليلات

MySQL Database Administration

إدارة قواعد بيانات MySQL مع تجميع الاتصالات والعبارات المُعدة وإدارة النسخ المتماثل.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
البيانات والتحليلات

MongoDB Operations

تنفيذ عمليات CRUD وخطوط تجميع وإدارة فهارس MongoDB مع برنامج التشغيل الرسمي لـ Node.js.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
البيانات والتحليلات

Redis Caching & Data Store

استخدام Redis للتخزين المؤقت عالي الأداء وتخزين الجلسات والرسائل pub/sub ولوحات المتصدرين.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
البيانات والتحليلات

SQLite Embedded Database

استخدام SQLite كقاعدة بيانات مدمجة لتطبيقات سطح المكتب وأدوات CLI ونشر الحافة بدون تكوين.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
البيانات والتحليلات

Supabase Database & Realtime

البناء على Supabase PostgreSQL مع واجهات API مولدة تلقائياً واشتراكات الوقت الفعلي ودوال الحافة.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
البيانات والتحليلات

Firebase Firestore

بناء تطبيقات الوقت الفعلي مع قاعدة بيانات Firebase Firestore NoSQL والمزامنة دون اتصال وقواعد الأمان.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

PlanetScale MySQL Serverless

استخدام PlanetScale لـ MySQL بدون خادم مع سير عمل التفرع وتغييرات المخطط غير المحظورة والتوسع الأفقي.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

Neon Serverless PostgreSQL

استخدام Neon لـ PostgreSQL بدون خادم مع التفرع والتوسع التلقائي وطبقة مجانية سخية للتطوير.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
البيانات والتحليلات

Turso/LibSQL Edge Database

نشر SQLite على الحافة مع Turso وLibSQL لقراءات بزمن استجابة منخفض جداً ونسخ مدمجة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

Redis Queue (BullMQ)

بناء طوابير مهام موثوقة وعمال خلفية مع BullMQ بقوة Redis للمعالجة الموزعة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

CDN Caching Strategies

تنفيذ تخزين CDN المؤقت مع رؤوس Cache-Control وstale-while-revalidate وأنماط إبطال التخزين المؤقت.

Claude Code Cursor Copilot Windsurf
عرض المصدر (Official Site)
البيانات والتحليلات

Elasticsearch Search Engine

بناء بحث نص كامل قوي وتحليلات وتجميع سجلات مع Elasticsearch وعميل Node.js.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
البيانات والتحليلات

Algolia Search Integration

إضافة تجارب بحث فورية مع بحث Algolia المستضاف والتسامح مع الأخطاء الإملائية والتصفية المحددة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

Meilisearch Search Engine

نشر Meilisearch لبحث سريع ومتسامح مع الأخطاء الإملائية مع إعداد سهل وعرض مفتوح المصدر سخي.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

Typesense Search Engine

استخدام Typesense لبحث فوري ومتسامح مع الأخطاء مع اكتشاف المخطط التلقائي ونشر بسيط.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
البيانات والتحليلات

AWS S3 File Storage

تخزين وتقديم الملفات مع AWS S3 باستخدام عناوين URL موقعة مسبقاً ورفع متعدد الأجزاء وسياسات دورة الحياة.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
البيانات والتحليلات

Cloudflare R2 Object Storage

تخزين الكائنات مع Cloudflare R2 بدون رسوم خروج وواجهة متوافقة مع S3 وتسليم محسن للحافة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (Official Site)
البيانات والتحليلات

MinIO Self-Hosted Storage

نشر MinIO كخادم تخزين كائنات مستضاف ذاتياً ومتوافق مع S3 لبيئات السحابة الخاصة.

Claude Code Cursor Copilot
عرض المصدر (GitHub)
البيانات والتحليلات

Resend Email API

إرسال بريد إلكتروني للمعاملات مع Resend باستخدام قوالب React Email وبنية تسليم موثوقة.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
البيانات والتحليلات

SendGrid Email Delivery

تسليم بريد إلكتروني للمعاملات والتسويق على نطاق واسع مع واجهة SendGrid API والقوالب والتحليلات.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)
البيانات والتحليلات

Postmark Transactional Email

إرسال بريد إلكتروني للمعاملات مع Postmark لسرعة تسليم رائدة ومعدلات وصول عالية للصندوق الوارد.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

Stripe Payment Integration

معالجة المدفوعات والاشتراكات والفوترة مع واجهة Stripe API لتطبيقات التجارة العالمية.

Claude Code Cursor Copilot Windsurf Gemini CLI Codex
عرض المصدر (GitHub)
البيانات والتحليلات

Paddle Payment Platform

استخدام Paddle كتاجر مسجل لمدفوعات SaaS العالمية مع امتثال ضريبي مدمج وفوترة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

LemonSqueezy Payments

بيع المنتجات الرقمية واشتراكات SaaS مع LemonSqueezy كتاجر مسجل للمطورين المستقلين.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

Google Analytics 4 Integration

تتبع سلوك المستخدم والتحويلات مع تتبع Google Analytics 4 القائم على الأحداث وواجهات التقارير.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (Official Site)
البيانات والتحليلات

Plausible Privacy-First Analytics

تتبع تحليلات الموقع بدون كوكيز مع Plausible أداة تحليلات خفيفة ومتوافقة مع GDPR.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

Umami Self-Hosted Analytics

نشر Umami لتحليلات ويب مستضافة ذاتياً ومركزة على الخصوصية مع لوحة معلومات نظيفة وأحداث مخصصة.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

Mixpanel Event Analytics

تتبع سلوك المستخدم مع تحليلات Mixpanel القائمة على الأحداث للمسارات والاحتفاظ ورؤى المنتج.

Claude Code Cursor Copilot Windsurf
عرض المصدر (GitHub)
البيانات والتحليلات

Upstash Serverless Redis/Kafka

استخدام Upstash لـ Redis وKafka بدون خادم مع تسعير لكل طلب ونسخ عالمي لحوسبة الحافة.

Claude Code Cursor Copilot Windsurf Gemini CLI
عرض المصدر (GitHub)