vscode-webview-expert
✓此技能为实现 VS Code WebView 功能提供专家级指导。在创建 WebView 面板、实施安全 CSP 策略、处理扩展 WebView 通信、管理 WebView 状态持久性、优化 WebView 性能或调试 WebView 渲染问题时使用。涵盖安全最佳实践、消息协议和 VS Code 特定的 WebView 模式。
SKILL.md
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 渲染问题时使用。涵盖安全最佳实践、消息协议和 VS Code 特定的 WebView 模式。 来源：s-hiraoku/vscode-sidebar-terminal。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/s-hiraoku/vscode-sidebar-terminal --skill vscode-webview-expert- 分类
- !安全工具
- 认证
- ✓
- 收录时间
- 2026-02-05
- 更新时间
- 2026-02-18
快速解答
什么是 vscode-webview-expert？
此技能为实现 VS Code WebView 功能提供专家级指导。在创建 WebView 面板、实施安全 CSP 策略、处理扩展 WebView 通信、管理 WebView 状态持久性、优化 WebView 性能或调试 WebView 渲染问题时使用。涵盖安全最佳实践、消息协议和 VS Code 特定的 WebView 模式。 来源：s-hiraoku/vscode-sidebar-terminal。
如何安装 vscode-webview-expert？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/s-hiraoku/vscode-sidebar-terminal --skill vscode-webview-expert 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/s-hiraoku/vscode-sidebar-terminal
详情
- 分类
- !安全工具
- 来源
- skills.sh
- 收录时间
- 2026-02-05