vscode-webview-expert

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) |

Dieser Skill bietet Anleitungen auf Expertenniveau für die Implementierung von VS Code WebView-Funktionen. Verwenden Sie diese Option, wenn Sie WebView-Panels erstellen, sichere CSP-Richtlinien implementieren, die Extension-WebView-Kommunikation verwalten, die WebView-Statuspersistenz verwalten, die WebView-Leistung optimieren oder WebView-Rendering-Probleme debuggen. Behandelt bewährte Sicherheitsmethoden, Nachrichtenprotokolle und VS-Code-spezifische WebView-Muster. Quelle: s-hiraoku/vscode-sidebar-terminal.

Original anzeigen