browser-extension-builder
إنشاء ملحقات المتصفح مع Claude
يتطلب إنشاء ملحقات المتصفح فهم واجهات برمجة التطبيقات المعقدة ومتطلبات Manifest V3 والتوافق عبر المتصفحات. يوفر هذا المهارة إرشادات الخبراء حول بنية الملحقات ونصوص المحتوى وأنماط التخزين والنشر في متاجر الويب.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“browser-extension-builder”。 Help me create a browser extension that changes the background color of all paragraphs on a page.
预期结果:
سأساعدك في إنشاء ملحق متصفح لتعديل خلفية الفقرات. إليك هيكل المشروع: manifest.json للتكوين، content.js مع كود معالجة DOM باستخدام querySelectorAll، والأذونات المناسبة في الملحق. سيحقن نص المحتوى تغيير النمط عند تحميل الصفحة باستخدام document.addEventListener('DOMContentLoaded').
正在使用“browser-extension-builder”。 How do I save user preferences in my extension?
预期结果:
استخدم chrome.storage.local.set() وchrome.storage.local.get(). سأعرض لك نمط الغلاف غير المتزامن مع Promises للكود الأنظف. هذا يستمر محليًا في المتصفح بحد 5 ميجابايت. للإعدادات التي تتزامن عبر الأجهزة، استخدم chrome.storage.sync بدلاً من ذلك.
正在使用“browser-extension-builder”。 What's the difference between content scripts and background scripts?
预期结果:
نصوص المحتوى تعمل في سياق صفحات الويب ويمكنها الوصول إلى DOM، بينما يعمل عمال الخدمة الخلفية بشكل مستقل ويتعاملون مع الأحداث ويحافظون على الحالة وينسقون بين المكونات. ترى نصوص المحتوى الصفحة؛ يرى العاملون في الخلفية المتصفح. يحدث الاتصال عبر chrome.runtime.sendMessage وchrome.runtime.onMessage.
安全审计
安全Static analysis detected 36 potential issues, all of which are false positives from code examples in documentation. The flagged patterns (shell command syntax, innerHTML usage, URLs, storage keys) appear exclusively within markdown code blocks as educational examples for browser extension development. No executable code or security threats were found. This is a legitimate documentation skill.
低风险问题 (1)
质量评分
你能构建什么
إنشاء ملحق إنتاجية
إنشاء ملحق Chrome يعزز تجربة التصفح الخاصة بك بأدوات واختصارات مفيدة.
تطوير ملحقات متوافقة عبر المتصفحات
بناء ملحقات تعمل بسلاسة عبر Chrome وFirefox والمتصفحات الأخرى باستخدام واجهات برمجة التطبيقات القياسية.
تحقيق الدخل من ملحقات المتصفح
إنشاء ونشر ملحقات المتصفح مع استراتيجيات تحقيق الدخل لـ Chrome Web Store.
试试这些提示
ساعدني في إنشاء ملحق متصفح بسيط يحدد نصًا محددًا على صفحات الويب. أحتاج إلى ملفات manifest.json ونص المحتوى وواجهة المستخدم للنافذة المنبثقة.
لدي ملحق متصفح أساسي. ساعدني في إضافة Chrome Storage API حتى يتمكن المستخدمون من حفظ إعداداتهم عبر الجلسات.
أرني كيفية إعداد تمرير الرسائل بين نافذة المنبثقة وعمال الخدمة الخلفية ونصوص المحتوى الخاصة بالملحق الخاص بي. أحتاج إلى إرسال بيانات من النافذة المنبثقة لتعديل محتوى الصفحة.
最佳实践
- اطلب الحد الأدنى من الأذونات اللازمة لعمل ملحقك، واستخدم الأذونات الاختيارية للميزات التي يمكن تمكينها لاحقاً
- حافظ على خفة عمال الخدمة الخلفية حيث يقوم Manifest V3 بإنهاء العمال الخاملين لتوفير الموارد
- استخدم محددات DOM مستقرة وأضف معالجة الأخطاء لمنع الانهيار عندما تقوم مواقع الويب بتحديث هيكلها
避免
- طلب أذونات واسعة مثل <all_urls> أو tabs عندما تحتاج فقط إلى الوصول إلى مواقع محددة
- تنفيذ معالجة ثقيلة في العمال الخ بدلاً من تفريغها إلى نصوص المحتوى أو استخدام alarm
- استخدام محددات هشة تتعطل عندما تتغير مواقع الويب، بدون معالجة أخطاء أو مراقبة