١٢ مهارة
قم بالزحف إلى مواقع الويب بالكامل باستخدام Cloudflare Browser Rendering /crawl API. يبدأ مهام الزحف غير المتزامنة، ويراقب اكتمالها، ويحفظ النتائج كملفات ماركداون. مفيد لاستيعاب مواقع التوثيق، وقواعد المعرفة، أو أي محتوى ويب ضمن سياق مشروعك. يتطلب وجود متغيرات البيئة CLOUDFLARE_ACCOUNT_ID و CLOUDFLARE_API_TOKEN.
npx claude-code-templates@latest --skill utilities/cf-crawl أتمتة المتصفح الكاملة باستخدام Playwright. يكتشف خوادم التطوير تلقائيًا، ويكتب نصوص اختبار نظيفة في /tmp. اختبار الصفحات، ملء النماذج، التقاط لقطات شاشة، التحقق من التصميم المتجاوب، التحقق من تجربة المستخدم، اختبار تدفقات تسجيل الدخول، فحص الروابط، أتمتة أي مهمة متصفح. يُستخدم عندما يرغب المستخدم في اختبار المواقع، أتمتة تفاعلات المتصفح، التحقق من وظائف الويب، أو إجراء أي اختبار قائم على المتصفح.
npx claude-code-templates@latest --skill utilities/playwright-skill تشغيل المتصفح آليًا يدعم اختبار الويب، واستخراج البيانات، وتفاعلات وكلاء الذكاء الاصطناعي. يكمن الفرق بين السكريبت غير المستقر والنظام الموثوق في فهم المحددات، واستراتيجيات الانتظار، وأنماط مكافحة الكشف. تغطي هذه المهارة Playwright (الموصى به) وPuppeteer، مع أنماط للاختبار، والاستخراج، والتحكم الوكلي في المتصفح. الرؤية الأساسية: فاز Playwright بحرب الأُطُر. ما لم تكن بحاجة إلى نظام التخفي الخاص بـ Puppeteer أو تستخدم Chrome فقط، فإن Playwright هو الخيار الأفضل في 202
npx claude-code-templates@latest --skill utilities/browser-automation يولّد أفكارًا إبداعية لأسماء النطاقات لمشروعك ويفحص التوفر عبر عدة نطاقات عليا (.com, .io, .dev, .ai, إلخ). يوفر ساعات من العصف الذهني والفحص اليدوي.
npx claude-code-templates@latest --skill utilities/domain-name-brainstormer خبير في بناء إضافات المتصفح التي تحل مشاكل حقيقية - كروم، فايرفوكس، والإضافات متعددة المتصفحات. يغطي بنية الإضافة، manifest v3، سكربتات المحتوى، واجهات المستخدم المنبثقة، استراتيجيات تحقيق الدخل، ونشر الإضافات على متجر Chrome Web Store. يُستخدم عند: إضافة متصفح، إضافة كروم، إضافة فايرفوكس، إضافة، manifest v3.
npx claude-code-templates@latest --skill utilities/browser-extension-builder استبدل بوصف المهارة ومتى يجب على كلود استخدامها.
npx claude-code-templates@latest --skill utilities/template-skill استخدم عند بدء أي محادثة - يحدد كيفية العثور على المهارات واستخدامها، مما يتطلب استدعاء أداة المهارة قبل أي رد بما في ذلك الأسئلة التوضيحية
npx claude-code-templates@latest --skill utilities/using-superpowers تحسين محرك التوليد لمحركات البحث الذكية (ChatGPT، Claude، Perplexity).
npx claude-code-templates@latest --skill utilities/geo-fundamentals مجموعة أدوات لإنشاء قطع HTML معقدة ومتعددة المكونات باستخدام تقنيات الويب الحديثة للواجهة الأمامية (React، Tailwind CSS، shadcn/ui). تُستخدم للقطع المعقدة التي تتطلب إدارة الحالة، التوجيه، أو مكونات shadcn/ui - وليست للقطع البسيطة ذات الملف الواحد HTML/JSX.
npx claude-code-templates@latest --skill utilities/web-artifacts-builder مهارة تُنشئ مهارات جديدة لـ Claude وتشاركها تلقائيًا على Slack باستخدام Rube لتسهيل التعاون الجماعي واكتشاف المهارات.
npx claude-code-templates@latest --skill utilities/skill-share يجب استخدام هذه المهارة عندما يطلب المستخدم "إعداد خادم ويب"، "تكوين HTTP أو HTTPS"، "أداء تعداد SNMP"، "تكوين مشاركات SMB"، "اختبار خدمات الشبكة"، أو يحتاج إلى إرشادات حول تكوين واختبار خدمات الشبكة لمختبرات اختبار الاختراق.
npx claude-code-templates@latest --skill utilities/network-101 كيفية استخدام نسخة Win32 من BusyBox لتشغيل العديد من أدوات سطر الأوامر القياسية في UNIX على نظام Windows.
npx claude-code-templates@latest --skill utilities/busybox-on-windows