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

Esta habilidad proporciona orientación de nivel experto para implementar funciones de VS Code WebView. Úselo al crear paneles WebView, implementar políticas CSP seguras, manejar la comunicación Extension-WebView, administrar la persistencia del estado de WebView, optimizar el rendimiento de WebView o depurar problemas de representación de WebView. Cubre las mejores prácticas de seguridad, protocolos de mensajes y patrones WebView específicos de VS Code. Fuente: s-hiraoku/vscode-sidebar-terminal.

Ver original