vscode-playwright（Agent Skill）

スキルの内容

vscode-playwrightは、hve-coreリポジトリにあるMicrosoftのスキルで、Playwrightを使ってVS Codeの画面ビジュアルを撮影するためのものです。同梱のPythonスクリプトがYAMLのプランを読み込み、VS Codeのserve-webモードを起動して、ブラウザベースのエディターで各ファイルを開き、スライドやドキュメントに適した最小フォントサイズを満たすスクリーンショットを保存します。もう1つのスクリプトは、自己完結型のHTMLアニメーションを音声なしのWebMクリップとして録画します。単発の撮影には、代わりにPlaywright MCPのツールを使う対話的な方法もあります。スクリプトを使う方法にはVS Code CLI、uv、Python 3.11以降、Chromiumが必要で、動画のエンコードにはさらにFFmpegが必要です。リポジトリの実験的なスキルのフォルダに置かれています。

できること

YAMLのプランからVS Codeエディターのスクリーンショットを撮影
撮影結果が最小表示フォントサイズを満たすかの確認
HTMLアニメーションのシーンを音声なしのWebMクリップとして録画
Playwright MCPのツールによる対話的なスクリーンショット撮影

インストール

プロジェクトのインストール手順に従ってください

プロジェクトのドキュメントより

含まれるファイル

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

詳細

項目	内容	出典
種類	スキル
ツール	Playwright
公開元	Microsoft	出典
公式かどうか	公式microsoft organisation (hve-core project), not the Playwright team	出典
APIキーまたはサインインが必要	ドキュメントに記載なし
スクリプトを含む	はい	出典
プラットフォーム	ドキュメントに記載なし
AIクライアント	Visual Studio Code	出典
ライセンス	MIT	出典
料金	ドキュメントに記載なし
活動状況	最終コミット 2026年11月11日GitHubスター 1,612ダウンロード数のデータなし（npm・PyPIで未公開）	出典
リンク	リポジトリ

Microsoftのほかの掲載

サーバー10件 · スキル179件

Microsoftの掲載189件をすべて見る →

README用バッジ

このプロジェクトのメンテナーの方は、このページにリンクするバッジを追加できます。

[![Listed on Kitbay](https://kitbay.app/badge/skills/microsoft-vscode-playwright.svg)](https://kitbay.app/skills/microsoft-vscode-playwright/)

出典

スキルファイル（SKILL.md）github.com/microsoft/hve-core · 根拠となる項目：ライセンス2026年11月14日
GitHubリポジトリgithub.com/microsoft/hve-core · 根拠となる項目：公式かどうか, 公開元, 活動状況, ライセンス2026年11月11日
リポジトリ内のフォルダ（vscode-playwright）github.com/microsoft/hve-core · 根拠となる項目：スクリプトを含む2026年11月14日

掲載情報の確認方法