/ الدليل / الملعب / claude-skills
← كل الخوادم ↗ GitHub
● مجتمع jezweb ⚡ فوري

claude-skills

بواسطة jezweb · jezweb/claude-skills

مهارات Claude Code شاملة لـ Cloudflare و React و Tailwind v4 والتكاملات مع الذكاء الاصطناعي — مدروسة وحديثة.

claude-skills من Jezweb مجموعة عملية من المهارات الشاملة تركز على Cloudflare (Workers و D1 و R2 و KV) و React الحديث وترقيات Tailwind v4 والتكاملات الشائعة مع الذكاء الاصطناعي (OpenAI و Anthropic والتضمينات). تناسب المطورين المستقلين والفرق الصغيرة التي تنشر على Cloudflare stack.

▶ شاهد العرض 📦 التثبيت 💡 حالات الاستخدام

لماذا تستخدمه

الميزات الأساسية

عرض مباشر

كيف يبدو في الممارسة

claude-skill-3.replay ▶ جاهز
0/0

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "claude-skill-3": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jezweb/claude-skills",
        "~/.claude/skills/claude-skills"
      ],
      "_inferred": true
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "claude-skill-3": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jezweb/claude-skills",
        "~/.claude/skills/claude-skills"
      ],
      "_inferred": true
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "claude-skill-3": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jezweb/claude-skills",
        "~/.claude/skills/claude-skills"
      ],
      "_inferred": true
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "claude-skill-3": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jezweb/claude-skills",
        "~/.claude/skills/claude-skills"
      ],
      "_inferred": true
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "claude-skill-3",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jezweb/claude-skills",
        "~/.claude/skills/claude-skills"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json
{
  "context_servers": {
    "claude-skill-3": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/jezweb/claude-skills",
          "~/.claude/skills/claude-skills"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add claude-skill-3 -- git clone https://github.com/jezweb/claude-skills ~/.claude/skills/claude-skills

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

حالات الاستخدام

استخدامات عملية: claude-skills

كيفية نشر Cloudflare Worker API مع دعم D1

👤 مطورو المكدس الكامل الذين يريدون Worker+D1 API بدون كود معياري ⏱ ~45 min intermediate

متى تستخدمه: تريد API JSON صغير مع المصادقة والاستمرارية، مُنشَّر على Cloudflare.

المتطلبات الأساسية
  • تثبيت المهارة — git clone https://github.com/jezweb/claude-skills ~/.claude/skills/jezweb-skills
  • CLI wrangler — npm i -g wrangler && wrangler login
الخطوات
  1. الهيكل الأساسي
    استخدم مهارة Cloudflare. New Worker مع D1 binding و Hono router والمسارات: GET /todos و POST /todos و DELETE /todos/:id.✓ تم النسخ
    → Worker code + wrangler.toml + schema.sql
  2. المصادقة
    أضف bearer token auth باستخدام secret في env.✓ تم النسخ
    → Middleware + تعليمات wrangler secret put
  3. النشر
    خطوات wrangler d1 execute + wrangler deploy.✓ تم النسخ
    → URL مباشر بعد النشر

النتيجة: Worker API مُنشَّر مع استمرارية D1.

المزالق
  • انجراف هجرات D1 بين البيئات — استخدم wrangler d1 migrations create + apply؛ لا تنفذ بطريقة عشوائية

ترقية مشروع Tailwind v3 إلى v4

👤 مطورو الواجهة الأمامية على v3 يريدون الانتقال إلى محرك v4 الجديد ⏱ ~60 min intermediate

متى تستخدمه: أنت على tailwind@3 وتريد تبني محرك Oxide في v4 + إعداد CSS-first.

الخطوات
  1. تدقيق الإعداد الحالي
    دقق tailwind.config.{js,ts} بحثاً عن أي شيء لا ينقل 1:1 إلى v4.✓ تم النسخ
    → ملاحظات الهجرة لكل config-key
  2. توليد إعداد v4
    أنتج معادل v4: @theme في CSS entry + تحديثات package.✓ تم النسخ
    → CSS entry + فرق package.json
  3. إصلاح الأدوات المكسورة
    ابحث في codebase عن فئات utility المحذوفة/المعاد تسميتها وأنتج خريطة استبدال.✓ تم النسخ
    → اقتراحات Codemod

النتيجة: PR ترحيل v4 جاهز للمراجعة.

المزالق
  • تضارب خط أنابيب PostCSS مع محرك v4 الأصلي — أزل مكونات PostCSS التي يستبدلها محرك v4

بناء نقطة نهاية RAG خفيفة الوزن على Workers

👤 المطورون الذين يضيفون ميزات الذكاء الاصطناعي إلى تطبيق Cloudflare ⏱ ~90 min advanced

متى تستخدمه: تريد RAG بدون إعداد خدمة vector DB.

الخطوات
  1. إعداد Vectorize
    قدّم فهرس Vectorize للتضمينات. استخدم OpenAI text-embedding-3-small.✓ تم النسخ
    → wrangler vectorize create + binding
  2. سكريبت الاستقبال
    اكتب مسار Worker /ingest يقسّم + يضمّن + يحدّث.✓ تم النسخ
    → Worker code مع heuristic للتقسيم
  3. مسار الاستعلام
    اكتب /query الذي يضمّن السؤال ويسترجع top-k ويستدعي Claude/OpenAI مع السياق.✓ تم النسخ
    → مسار من البداية إلى النهاية

النتيجة: نقطة نهاية RAG صغيرة لكن حقيقية مُنشَّرة على Cloudflare.

المزالق
  • التقسيمات الكبيرة جداً تفقد الاستدعاء؛ الصغيرة جداً تضر بالسياق — ابدأ بـ 512 token مع تداخل 64؛ ضبّط بناءً على corpus الخاصة بك

التركيبات

اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10

claude-skill-3 + claude-code-owasp-skill

مراجعة الأمان لمصادقة Worker ونقاط نهاية RAG

بعد بناء الهيكل الأساسي للـ Worker مع المصادقة، قم بتشغيل مراجعة OWASP على وسيط المصادقة.✓ تم النسخ

الأدوات

ما يوفره هذا الـ MCP

الأداةالمدخلاتمتى تستدعيهاالتكلفة
هيكل Cloudflare Worker الأساسي - مشاريع worker جديدة Claude tokens
أنماط D1 + R2 + KV - توصيل الاستمرارية Claude tokens
أنماط React RSC - تطبيقات عصر RSC Claude tokens
هجرة Tailwind v4 - ترقيات v3→v4 Claude tokens
تكاملات الذكاء الاصطناعي - OpenAI/Anthropic والتضمينات Claude tokens

التكلفة والحدود

تكلفة التشغيل

حصة API
لا يوجد على مستوى المهارة
الرموز لكل استدعاء
5-20k لكل مهمة
التكلفة المالية
مهارة مجانية؛ Cloudflare + OpenAI/Anthropic لديهما تسعيرهما الخاص
نصيحة
الطبقة المجانية من Cloudflare تغطي Worker APIs الصغيرة؛ راقب تكلفة Vectorize عند التوسع.

الأمان

الصلاحيات والأسرار ونطاق الأثر

تخزين بيانات الاعتماد: لا توجد بيانات اعتماد على مستوى المهارة. Wrangler يتعامل مع CF secrets.
نقل البيانات الخارجي: عمليات النشر تذهب إلى Cloudflare؛ أي استدعاءات AI تذهب إلى المزود المُعدَّل

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

wrangler deploy fails on route

أنماط المسار تتطلب أن تكون المنطقة في حساب CF الخاص بك؛ تحقق من المسارات مقابل workers.dev fallback

تحقق: wrangler deployments list
D1 migrations apply locally but not remote

قم بتشغيل wrangler d1 migrations apply <DB> --remote بشكل صريح

البدائل

claude-skills مقابل البدائل

البديلمتى تستخدمهاالمقايضة
قالب Vercel + Next.jsتفضل DX في Vercelتسعير وإمكانيات منصة مختلفة

المزيد

الموارد

📖 اقرأ ملف README الرسمي على GitHub

🐙 تصفح القضايا المفتوحة

🔍 تصفح أكثر من 400 خادم MCP و Skills