Этот навык предоставляет рекомендации экспертного уровня по реализации функций VS Code WebView. Используйте при создании панелей WebView, реализации безопасных политик CSP, обработке связи Extension-WebView, управлении постоянством состояния WebView, оптимизации производительности WebView или отладке проблем отрисовки WebView. Охватывает лучшие практики безопасности, протоколы сообщений и шаблоны WebView для VS Code.
Быстро установите AI-навык 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, обработке связи Extension-WebView, управлении постоянством состояния WebView, оптимизации производительности WebView или отладке проблем отрисовки WebView. Охватывает лучшие практики безопасности, протоколы сообщений и шаблоны WebView для VS Code. Источник: s-hiraoku/vscode-sidebar-terminal.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/s-hiraoku/vscode-sidebar-terminal --skill vscode-webview-expertЭтот навык предоставляет рекомендации экспертного уровня по реализации функций VS Code WebView. Используйте при создании панелей WebView, реализации безопасных политик CSP, обработке связи Extension-WebView, управлении постоянством состояния WebView, оптимизации производительности WebView или отладке проблем отрисовки WebView. Охватывает лучшие практики безопасности, протоколы сообщений и шаблоны WebView для VS Code. Источник: s-hiraoku/vscode-sidebar-terminal.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/s-hiraoku/vscode-sidebar-terminal --skill vscode-webview-expert После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/s-hiraoku/vscode-sidebar-terminal