update-screenshots
update-screenshots, AI Agent Skill, improves work efficiency and automation capabilities.
npx skills add https://github.com/microsoft/vscode --skill update-screenshotsBefore / After Comparison
1 组Manually comparing UI screenshot differences easily misses subtle changes, leading to chaotic baseline management, and time-consuming and inaccurate regression testing.
Automated screenshot services manage baselines, CI automatically compares and marks differences, accurately identifying UI regression issues, and significantly improving test efficiency.
update-screenshots
Update Component Screenshots from CI
Screenshot baselines are no longer stored in the repository. They are managed by an external screenshot service (hediet-screenshots.azurewebsites.net). The CI workflow uploads screenshots to this service and diffs them automatically.
When the Checking Component Screenshots GitHub Action detects changes, it posts a PR comment with before/after comparisons. No manual baseline updates are needed — the screenshots on the main branch commit become the new baselines automatically after merge.
What Changed
-
Baseline images were removed from
test/componentFixtures/.screenshots/baseline/. -
Git LFS is no longer used for screenshot storage.
-
The screenshot service stores images keyed by commit SHA and handles diffing.
If Screenshots Need Investigation
-
Check the PR comment posted by the CI workflow for visual diffs.
-
Download the
screenshotsartifact from the CI run for the raw captured images:
gh run download <run-id> --name screenshots --dir .tmp/screenshots
- Compare locally if needed. The artifact contains the full set of captured screenshots.
Weekly Installs403Repositorymicrosoft/vscodeGitHub Stars183.5KFirst SeenFeb 22, 2026Security AuditsGen Agent Trust HubPassSocketPassSnykPassInstalled onkimi-cli403amp403github-copilot403codex403opencode403cursor403
User Reviews (0)
Write a Review
No reviews yet
Statistics
User Rating
Rate this Skill