vscode-playwright

Official

Capture VS Code screenshots for docs.

Authormicrosoft
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the capture of high-quality screenshots from the VS Code editor, streamlining the creation of visual assets for documentation and presentations.

Core Features & Use Cases

  • Automated Screenshot Capture: Generates clean, consistent screenshots of VS Code editor views, code snippets, and Copilot Chat interactions.
  • UI Cleanup: Intelligently hides UI elements like panels, notifications, and sidebars to focus on the content.
  • Customizable Viewports: Resizes the VS Code window to match specific aspect ratios required for slide decks or documentation placeholders.
  • Use Case: Quickly generate a series of screenshots showcasing a new VS Code feature for a blog post, ensuring all images have a uniform size and clean background.

Quick Start

Use the vscode-playwright skill to capture a screenshot of the current VS Code editor view.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vscode-playwright
Download link: https://github.com/microsoft/hve-core/archive/main.zip#vscode-playwright

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.