Communitygithub.com

microsoft/validate-ui-scenario

用于复现UI错误或验证修复,通过驱动真实的VS Code窗口端到端运行,并捕获证据。

validate-ui-scenario 是什么?

microsoft/validate-ui-scenario 是一个专业的AI技能,专为需要在真实VS Code窗口端到端操作中复现UI错误或验证修复的开发者设计。它会自动编写场景文件,针对开发构建或已安装的Insiders版本运行测试,并能生成带字幕的视频、每一步的截图、Playwright追踪记录和HTML报告。这些产出物可以直接附加到GitHub Issue或Pull Request中,极大地方便了问题的沟通与验证流程。该技能特别适合需要精确、可复现的证据来证明UI缺陷或修复有效性的场景。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/microsoft/vscode/tree/main/.github/skills/validate-ui-scenario

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

validate-ui-scenario 是做什么的?

用于复现UI错误或验证修复,通过驱动真实的VS Code窗口端到端运行,并捕获证据。它会编写一个场景文件,针对开发构建或已安装的Insiders版本运行,并生成带字幕的视频、每一步的截图、Playwright追踪记录和HTML报告,以便附加到Issue或Pull Request中。

Individual skills in this repo

This repo contains 10 individual skills — each has its own dedicated page.

microsoft/accessibility

Primary accessibility skill for VS Code. REQUIRED for new feature and contribution work, and also applies to updates of existing UI. Covers accessibility help dialogs, accessible views, verbosity settings, signals, ARIA announcements, keyboard navigation, and ARIA labels/roles.

microsoft/agent-sessions-layout

Agents workbench layout — covers the fixed layout structure, grid configuration, part visibility, editor modal, titlebar, sidebar footer, and implementation requirements. Use when implementing features or fixing issues in the Agents workbench layout.

microsoft/author-contributions

Identify all files a specific author contributed to on a branch vs its upstream, tracing code through renames. Use when asked who edited what, what code an author contributed, or to audit authorship before a merge. This skill should be run as a subagent — it performs many git operations and returns a concise table.

microsoft/azure-pipelines

Use when validating Azure DevOps pipeline changes for the VS Code build. Covers queueing builds, checking build status, viewing logs, and iterating on pipeline YAML changes without waiting for full CI runs.

microsoft/fix-errors

Guidelines for fixing unhandled errors from the VS Code error telemetry dashboard. Use when investigating error-telemetry issues with stack traces, error messages, and hit/user counts. Covers tracing data flow through call stacks, identifying producers of invalid data vs. consumers that crash, enriching error messages for telemetry diagnosis, and avoiding common anti-patterns like silently swallowing errors.

microsoft/hygiene

Use when making code changes to ensure they pass VS Code's hygiene checks. Covers the pre-commit hook, unicode restrictions, string quoting rules, copyright headers, indentation, formatting, ESLint, and stylelint. Run the hygiene check before declaring work complete.

microsoft/memory-leak-audit

Audit code for memory leaks and disposable issues. Use when reviewing event listeners, DOM handlers, lifecycle callbacks, or fixing leak reports. Covers addDisposableListener, Event.once, MutableDisposable, DisposableStore, and onWillDispose patterns.

microsoft/sessions

Agents window architecture — covers the agents-first app, layering, folder structure, chat widget, menus, contributions, entry points, and development guidelines. Use when implementing features or fixing issues in the Agents window.

microsoft/tool-rename-deprecation

Ensure renamed built-in tool references preserve backward compatibility. Use when renaming a toolReferenceName, tool set referenceName, or any tool identifier. Run on ANY change to tool registration code. Covers legacyToolReferenceFullNames for tools and legacyFullNames for tool sets.

microsoft/update-screenshots

Download screenshot baselines from the latest CI run and commit them. Use when asked to update, accept, or refresh component screenshot baselines from CI, or after the screenshot-test GitHub Action reports differences. This skill should be run as a subagent.

相关技能