The Agent Skills Directory

Data Ingestion via Configuration: The skill outlines a standard architecture where webviews receive initial state from the extension host through window.config?.__initialData. This data is processed using JSON.parse within the useConfiguration hook. This serves as the primary entry point for external data into the webview context.
Telemetry and Communication: The guidelines describe the use of a tRPC client for communication between the webview and the extension host. This includes standard operations such as fetching data (trpcClient.myView.getData), reporting telemetry (trpcClient.common.reportEvent), and displaying UI notifications. These capabilities are used to facilitate expected application behavior.
Initialization Timing: A hardcoded delay is mentioned as a temporary measure to manage the initialization of Monaco Editor workers. While documented as a development task to be refined, it represents a controlled operational delay within the application lifecycle.
UI Constraints: The useSelectiveContextMenuPrevention hook is used to restrict the default browser context menu in specific areas of the webview. This is a common design pattern intended to provide a more integrated user experience within the VS Code environment.

vscode-react-webview-architecture