/ الدليل / الملعب / claude-wordpress-skills
● مجتمع elvismdev ⚡ فوري

claude-wordpress-skills

بواسطة elvismdev · elvismdev/claude-wordpress-skills

اجعل Claude مهندس WordPress محترف — أمان، أداء، كتل Gutenberg، انضباط المواضيع والإضافات.

claude-wordpress-skills هي حزمة مهارات احترافية لعمل WordPress: التدقيق الأمني (nonces، capabilities، escaping)، تحسين الأداء (caching، query tuning)، تطوير كتل Gutenberg (JS حديث + block.json)، وأفضل الممارسات للمواضيع والإضافات (i18n، accessibility، WP Coding Standards). قم بتحميلها مرة واحدة وسيتوقف Claude عن كتابة رمز WordPress من عام 2015.

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

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

عرض مباشر

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

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

التثبيت

اختر العميل

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

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

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

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

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

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

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

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

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

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

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

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

claude mcp add claude-wordpress-skill -- git clone https://github.com/elvismdev/claude-wordpress-skills ~/.claude/skills/claude-wordpress-skills

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

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

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

كيفية بناء كتلة Gutenberg بالطريقة الحديثة

👤 مطورو WordPress الذين يبنون كتل مخصصة ⏱ ~45 min intermediate

متى تستخدمه: تحتاج إلى كتلة محرر مخصصة ولا تريد إنشاء ESNext و webpack قديمة يدويًا.

المتطلبات الأساسية
  • Node 18+ و WordPress 6.3+ — nvm install 18; wp-env or local install
  • تم استنساخ المهارة — git clone https://github.com/elvismdev/claude-wordpress-skills ~/.claude/skills/claude-wordpress-skills
الخطوات
  1. وصف الكتلة
    بناء كتلة الشهادة: نص الاقتباس، اسم المؤلف، صورة المؤلف — عرض التحرير والحفظ.✓ تم النسخ
    → block.json + edit.js + save.js معدة، إعداد بناء @wordpress/scripts
  2. إضافة السمات والعناصر التحكم
    أضف عنصر تحكم محاذاة ومنتقى الألوان.✓ تم النسخ
    → تم إضافة BlockControls / InspectorControls بشكل صحيح
  3. حزم وتسجيل
    اكتب PHP الذي يسجل الكتلة من block.json.✓ تم النسخ
    → register_block_type( __DIR__ . '/build/block.json' )

النتيجة: كتلة Gutenberg حديثة عاملة مع تجميع مناسب.

المزالق
  • غياب أغلفة i18n — تذكر المهارة Claude بلف السلاسل بـ __() و _x()
اجمعها مع: filesystem

تدقيق إضافة بحثًا عن مشاكل أمان WordPress الشائعة

👤 مسؤولو الإضافات، مالكو المواقع ⏱ ~60 min advanced

متى تستخدمه: قبل شحن إضافة أو وراثة واحدة.

الخطوات
  1. تحديد نطاق التدقيق
    قم بتدقيق هذه الإضافة بحثًا عن: استخدام nonce في كل نموذج، فحوصات القدرة في كل إجراء، escaping الإخراج، SQL prep.✓ تم النسخ
    → النتائج حسب الفئة مع file:line
  2. إصلاح تلك الأعلى خطورة
    تطبيق أفضل 3 إصلاحات — nonces على نموذج المسؤول، esc_html على عنصر لوحة التحكم، $wpdb->prepare على الاستعلام المخصص.✓ تم النسخ
    → Diffs لملفات الإضافة
  3. اختبار الانحدار
    ضع قائمة بما يجب اختباره يدويًا للتأكد من أن الإصلاحات لا تكسر أي شيء.✓ تم النسخ
    → قائمة التحقق من الاختبار اليدوي القصيرة

النتيجة: إضافة أكثر أمانًا مع إصلاحات موثقة.

المزالق
  • إيجابيات خاطئة على nonces حيث يوجد بالفعل REST permission callback — توفير السياق: طرق REST مع permission callbacks لا تحتاج إلى form nonces
اجمعها مع: github

قم بممر أداء على موقع WordPress بطيء

👤 المطورون المسؤولون عن أداء موقع WordPress ⏱ ~60 min advanced

متى تستخدمه: TTFB سيء، لوحة التحكم بطيئة، أو نموذج محدد يتأخر.

الخطوات
  1. تحديد الاختناق
    امش معي من خلال اختناقات أداء WordPress الشائعة وأي أداة log/profiling يجب أن تبدأ بها.✓ تم النسخ
    → Query Monitor، debug.log، فحص object cache
  2. ضبط الاستعلام
    إليك أفضل 5 استعلامات بطيئة. اقترح indexes أو rewrites للاستعلامات.✓ تم النسخ
    → التوصيات حسب الاستعلام
  3. استراتيجية التخزين المؤقت
    ما طبقات التخزين المؤقت التي يجب أن تكون نشطة هنا؟ Object cache، page cache، fragment caching — اقترح مكدس.✓ تم النسخ
    → خطة تخزين مؤقت ملموسة مع plugins/services

النتيجة: مكاسب أداء ملموسة يمكنك قياسها في النشر التالي.

المزالق
  • إضافة plugin تخزين مؤقت بدون إصلاح الاستعلام البطيء الأساسي — قياس دائمًا قبل وبعد كل تغيير

التركيبات

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

claude-wordpress-skill + filesystem

العمل عبر دليل plugin/theme للتدقيق وإعادة البناء

قم بتدقيق wp-content/plugins/my-plugin/ بحثًا عن مشاكل الأمان وتطبيق أفضل 5 إصلاحات.✓ تم النسخ
claude-wordpress-skill + github

فتح PRs لإصلاحات الأمان مع وصفات مناسبة

فتح PR بعنوان 'Security: nonces on admin forms' مع الرقع.✓ تم النسخ

الأدوات

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

الأداةالمدخلاتمتى تستدعيهاالتكلفة
gutenberg-block-authoring block intent + attributes عند أي عمل كتلة مخصصة 0
wp-security-audit plugin/theme path مراجعة ما قبل الشحن أو الوراثة 0
wp-performance-review slow endpoints + config عندما تكون السرعة مهمة 0
wp-coding-standards any PHP/JS code يتم التطبيق التلقائي أثناء الكتابة 0

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

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

حصة API
بدون
الرموز لكل استدعاء
5–20k لكل تدقيق أو كتلة
التكلفة المالية
مجاني
نصيحة
نطاق حسب الملف أو الميزة؛ لا تطعم Claude 100 إضافة في المرة الواحدة

الأمان

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

تخزين بيانات الاعتماد: لا شيء على مستوى المهارة؛ WP admin creds إذا كنت تستخدم أيضًا deploy/REST tool
نقل البيانات الخارجي: بدون

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

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

Block build fails with @wordpress/scripts

تحقق من إصدار Node وأن @wordpress/scripts موجود في devDependencies؛ أعد البناء.

تحقق: node -v && npx wp-scripts --version
Claude suggests outdated enqueue patterns

حدد إصدار WordPress الذي تستهدفه وفضل register_block_type_from_metadata.

البدائل

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

البديلمتى تستخدمهاالمقايضة
claude-code-owasp-skillتحتاج إلى أمان تطبيق ويب عام، وليس محدد لـ WordPressأوسع لكن يفتقد WP idioms
symfony-ux-skillأنت في Symfony بدلاً من WordPressمكدس مختلف

المزيد

الموارد

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

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

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