vscode-playwright
vscode-playwright is a Microsoft skill from the hve-core repository for capturing VS Code imagery with Playwright.
What the skill teaches
vscode-playwright is a Microsoft skill from the hve-core repository for capturing VS Code imagery with Playwright. A bundled Python script reads a YAML plan, starts VS Code's serve-web mode, opens each file in the browser-based editor and saves screenshots that meet a minimum font size, which suits slides and documentation; a second script records a self-contained HTML animation to a silent WebM clip. An interactive route uses Playwright MCP tools instead for one-off captures. The scripted path needs the VS Code CLI, uv, Python 3.11 or newer and Chromium, and encoding video also needs FFmpeg. It sits in the repository's experimental skills folder.
Capabilities
- Capture VS Code editor screenshots from a YAML plan
- Check captures against a minimum rendered font size
- Record an HTML animation scene to a silent WebM clip
- Capture screenshots interactively through Playwright MCP tools
Install
What's inside
- pyproject.toml
- scripts/capture_vscode.py
- scripts/record_browser_video.py
- tests/corpus/not-a-mapping.yml
- tests/corpus/traversal-plan.yml
- tests/corpus/valid-plan.yml
- tests/fuzz_harness.py
- tests/test_capture_vscode.py
- tests/test_record_browser_video.py
- uv.lock
Details
| Fact | Value | Source |
|---|---|---|
| Type | Skill | |
| Tool | Playwright | |
| Publisher | Microsoft | source |
| Official status | Officialmicrosoft organisation (hve-core project), not the Playwright team | source |
| Needs an API key or sign-in | Not stated in its documentation | |
| Includes scripts | Yes | source |
| Platforms | Not stated in its documentation | |
| AI clients | Visual Studio Code | source |
| Licence | MIT | source |
| Pricing | Not stated in its documentation | |
| Activity | Last commit Nov 11, 20261,612 GitHub starsDownload data not available (not on npm or PyPI) | source |
| Links | Repository |
More from Microsoft
9 servers · 149 skills
- playwright-mcp (MCP server)
- playwright-component-testing (Skill)
- playwright-trace (Skill)
- playwright-cli (Skill)
- Azure MCP Server (MCP server)
- azure-search-nav (Skill)
Badge for your README
Maintain this project? Add a badge that links to this page.
[](https://kitbay.app/skills/microsoft-vscode-playwright/)
Sources
- Skill file (SKILL.md)github.com/microsoft/hve-core · Backs: LicenceNov 14, 2026
- GitHub repositorygithub.com/microsoft/hve-core · Backs: Official status, Publisher, Activity, LicenceNov 11, 2026
- Folder in the repository (vscode-playwright)github.com/microsoft/hve-core · Backs: Includes scriptsNov 14, 2026