vscode-playwright Skill
VS Code screenshot capture using Playwright MCP with serve-web for slide decks and documentation Published by microsoft in hve-core.
What is vscode-playwright Skill?
VS Code screenshot capture using Playwright MCP with serve-web for slide decks and documentation Published by microsoft in hve-core. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Browser automation
- Documentation
- Data analysis
- Design and media
- Browser automation use cases
Technical details
- Install or run with Copy skill directory
When to use vscode-playwright Skill
- Use it for browser automation.
- Use it for documentation.
- Use it for data analysis.
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/hve-core
- Skill file: .github/skills/experimental/vscode-playwright/SKILL.md
What it does
VS Code screenshot capture using Playwright MCP with serve-web for slide decks and documentation
Skill instructions
VS Code Playwright Screenshot Skill Captures VS Code editor views, code walkthroughs, and Copilot Chat examples using Playwright MCP tools with serve-web. Overview This skill provides a complete workflow for capturing high-quality VS Code screenshots suitable for embedding in slide decks, documentation, and other visual media. It handles server lifecycle management, viewport configuration, UI cleanup, and screenshot validation. Prerequisites VS Code or VS Code Insiders CLI (code or code-insiders) Playwright MCP tools available (mcpmicrosoftplabrowser) curl for server readiness checks Architecture The serve-web CLI is a Rust-based proxy ("server of servers") that downloads the VS Code Server release and proxies connections to the inner Node.js server. The outer CLI accepts a limited set of flags; --server-data-dir is the key flag that controls where all server data (settings, extensions, state) is stored. Quick Start 1. Detect the VS Code CLI variant and start the web server. 2. Navigat
Explore related resources
Frequently asked questions
What is vscode-playwright?
vscode-playwright is a open-source AI agent skill with Copy skill directory. VS Code screenshot capture using Playwright MCP with serve-web for slide decks and documentation
Who is vscode-playwright best for?
vscode-playwright is best for reusing agent instructions, scripts, and references, browser automation workflows, documentation workflows, data analysis workflows.
How do I install vscode-playwright?
Install or run vscode-playwright using Copy skill directory. Check vscode-playwright for the latest setup command.
Is vscode-playwright actively maintained?
vscode-playwright may need a closer maintenance check before production use.
Auto-fetched from GitHub.
