vscode-webview-expert

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

Questa competenza fornisce indicazioni di livello esperto per l'implementazione delle funzionalità VS Code WebView. Da utilizzare durante la creazione di pannelli WebView, l'implementazione di policy CSP sicure, la gestione della comunicazione Extension-WebView, la gestione della persistenza dello stato WebView, l'ottimizzazione delle prestazioni di WebView o il debug dei problemi di rendering di WebView. Copre le migliori pratiche di sicurezza, i protocolli di messaggio e i modelli WebView specifici di VS Code. Fonte: s-hiraoku/vscode-sidebar-terminal.