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

Cette compétence fournit des conseils de niveau expert pour la mise en œuvre des fonctionnalités de VS Code WebView. À utiliser lors de la création de panneaux WebView, de la mise en œuvre de politiques CSP sécurisées, de la gestion de la communication Extension-WebView, de la gestion de la persistance de l'état WebView, de l'optimisation des performances de WebView ou du débogage des problèmes de rendu WebView. Couvre les meilleures pratiques de sécurité, les protocoles de message et les modèles WebView spécifiques à VS Code. Source : s-hiraoku/vscode-sidebar-terminal.

Voir l'original