توفر هذه المهارة إرشادات على مستوى الخبراء لتنفيذ ميزات VS Code WebView. يُستخدم عند إنشاء لوحات WebView، أو تنفيذ سياسات CSP الآمنة، أو التعامل مع اتصال ملحق WebView، أو إدارة استمرار حالة WebView، أو تحسين أداء WebView، أو تصحيح مشكلات عرض WebView. يغطي أفضل ممارسات الأمان وبروتوكولات الرسائل وأنماط WebView الخاصة برمز VS.
ثبّت مهارة الذكاء الاصطناعي vscode-webview-expert بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: s-hiraoku/vscode-sidebar-terminal.
This skill enables expert-level implementation of VS Code WebView features. It provides comprehensive knowledge of WebView security requirements, communication patterns, state management, and performance optimization techniques specific to VS Code extensions.
| default-src | Fallback for other directives | 'none' | | script-src | JavaScript sources | 'nonce-${nonce}' | | style-src | Stylesheet sources | ${webview.cspSource} 'unsafe-inline' | | img-src | Image sources | ${webview.cspSource} https: data: | | font-src | Font sources | ${webview.cspSource} |
| connect-src | XHR/Fetch destinations | https: or specific origins | | frame-src | iframe sources | 'none' (unless needed) |
توفر هذه المهارة إرشادات على مستوى الخبراء لتنفيذ ميزات VS Code WebView. يُستخدم عند إنشاء لوحات WebView، أو تنفيذ سياسات CSP الآمنة، أو التعامل مع اتصال ملحق WebView، أو إدارة استمرار حالة WebView، أو تحسين أداء WebView، أو تصحيح مشكلات عرض WebView. يغطي أفضل ممارسات الأمان وبروتوكولات الرسائل وأنماط WebView الخاصة برمز VS. المصدر: s-hiraoku/vscode-sidebar-terminal.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/s-hiraoku/vscode-sidebar-terminal --skill vscode-webview-expertتوفر هذه المهارة إرشادات على مستوى الخبراء لتنفيذ ميزات VS Code WebView. يُستخدم عند إنشاء لوحات WebView، أو تنفيذ سياسات CSP الآمنة، أو التعامل مع اتصال ملحق WebView، أو إدارة استمرار حالة WebView، أو تحسين أداء WebView، أو تصحيح مشكلات عرض WebView. يغطي أفضل ممارسات الأمان وبروتوكولات الرسائل وأنماط WebView الخاصة برمز VS. المصدر: s-hiraoku/vscode-sidebar-terminal.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/s-hiraoku/vscode-sidebar-terminal --skill vscode-webview-expert بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/s-hiraoku/vscode-sidebar-terminal