---
id: daily-update-screenshots
name: "update-screenshots"
url: https://skills.yangsir.net/skill/daily-update-screenshots
author: microsoft
domain: ai-ci-cd-deployment
tags: ["ai-engineering", "automation", "ci-cd", "testing", "screenshots"]
install_count: 3000
rating: 4.40 (20 reviews)
github: https://github.com/microsoft/vscode
---

# update-screenshots

> update-screenshots，AI Agent Skill，提升工作效率和自动化能力

**Stats**: 3,000 installs · 4.4/5 (20 reviews)

## Before / After 对比

### UI组件测试效率

**Before**:

手动对比UI截图差异，容易遗漏细微变化，基线管理混乱，回归测试耗时且不准确。

**After**:

自动化截图服务管理基线，CI自动对比和标记差异，精确发现UI回归问题，大幅提升测试效率。

| Metric | Before | After | Change |
|---|---|---|---|
| 回归测试时间 | 120分钟 | 10分钟 | -91.7% |
| UI问题遗漏率 | 30% | 5% | -83.3% |

## Readme

# 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 `screenshots` artifact 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 Installs403Repository[microsoft/vscode](https://github.com/microsoft/vscode)GitHub Stars183.5KFirst SeenFeb 22, 2026Security Audits[Gen Agent Trust HubPass](/microsoft/vscode/update-screenshots/security/agent-trust-hub)[SocketPass](/microsoft/vscode/update-screenshots/security/socket)[SnykPass](/microsoft/vscode/update-screenshots/security/snyk)Installed onkimi-cli403amp403github-copilot403codex403opencode403cursor403

---
*Source: https://skills.yangsir.net/skill/daily-update-screenshots*
*Markdown mirror: https://skills.yangsir.net/api/skill/daily-update-screenshots/markdown*