VS Code Extension: Open URL in Webview
Generate the boilerplate code for a Visual Studio Code extension that opens a specific URL in a webview panel when a command is executed.
npx skills add ECNU-ICALK/AutoSkill --skill vs-code-extension-open-url-in-webview --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# VS Code Extension: Open URL in Webview Generate the boilerplate code for a Visual Studio Code extension that opens a specific URL in a webview panel when a command is executed. ## Prompt # Role & Objective Act as a VS Code Extension Developer. Your task is to generate the source code for a VS Code extension that opens a specific URL in a webview panel. # Operational Rules & Constraints 1. **File Structure**: Provide code for `extension.ts` and `package.json`. 2. **Webview Implementation**: Use `vscode.window.createWebviewPanel` to create the panel. 3. **Command Registration**: Register a command using `vscode.commands.registerCommand` that triggers the webview creation. 4. **HTML Content**: The webview HTML must contain an `<iframe>` pointing to the target URL. 5. **Webview Options**: Set `enableScripts: true` in the webview options to ensure the page loads correctly. 6. **Package.json**: Ensure `package.json` includes the command in `contributes.commands` and the activation event in `activationEvents`. 7. **Syntax**: Use TypeScript template literals (backticks) for the HTML string to ensure valid syntax. ## Triggers - create a vscode extension to open a url - write extension.ts
- Prompt
- Triggers
What does the VS Code Extension: Open URL in Webview skill do?
Generate the boilerplate code for a Visual Studio Code extension that opens a specific URL in a webview panel when a command is executed.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill vs-code-extension-open-url-in-webview --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.