Communitygithub.com

microsoft/vscode

실제 VS Code 창을 구동하여 UI 버그를 재현하거나 수정 사항을 확인하고, 캡션 비디오, 단계별 스크린샷, Playwright 추적, HTML 보고서를 생성하여 이슈나 풀 리퀘스트에 첨부합니다.

vscode란 무엇인가요?

이 스킬은 개발자가 실제 VS Code 창을 종단간(end-to-end)으로 구동하여 UI 버그를 재현하거나 수정 사항을 검증하는 데 사용됩니다. 사용자는 시나리오 파일을 작성하고, 이를 개발 빌드 또는 설치된 Insiders 버전에 대해 실행하여 증거 자료를 캡처합니다. 결과물로 캡션 비디오, 단계별 스크린샷, Playwright 추적, HTML 보고서가 생성되어 이슈나 풀 리퀘스트에 첨부할 수 있습니다. 이 스킬은 Visual Studio Code 확장 개발, 디버깅, 품질 보증 워크플로우에 유용하며, Playwright 기반의 자동화를 통해 일관된 재현 환경을 제공합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add microsoft/vscode

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

vscode은(는) 무엇을 하나요?

UI 버그를 재현하거나 수정 사항을 확인하기 위해 실제 VS Code 창을 종단간(end-to-end)으로 구동하여 증거를 캡처할 때 사용합니다. 시나리오 파일을 작성하고, 개발 빌드 또는 설치된 Insiders 버전에 대해 실행하여 캡션 비디오, 단계별 스크린샷, Playwright 추적, HTML 보고서를 생성합니다. 이 보고서는 이슈나 풀 리퀘스트에 첨부할 수 있습니다.

Individual skills in this repo

This repo contains 11 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.

microsoft/validate-ui-scenario

Use when reproducing a UI bug or verifying a fix by driving a real VS Code window end to end and capturing evidence. Writes a scenario file, runs it against a dev build or installed Insiders, and produces a captioned video, per-step screenshots, a Playwright trace, and an HTML report to attach to an issue or pull request.

관련 스킬