validate-ui-scenario은(는) 무엇을 하나요?
UI 버그를 재현하거나 수정 사항을 검증하기 위해 실제 VS Code 창을 종단 간 구동하여 증거를 캡처하는 데 사용합니다. 시나리오 파일을 작성하고, 이를 개발 빌드 또는 설치된 Insiders 버전에서 실행하여 캡션 비디오, 단계별 스크린샷, Playwright 트레이스, 그리고 이슈나 풀 리퀘스트에 첨부할 수 있는 HTML 보고서를 생성합니다.
UI 버그 재현 또는 수정 검증을 위해 실제 VS Code 창을 구동하여 종단 간 테스트를 실행하고 증거를 캡처합니다. 시나리오 파일을 작성하고, 개발 빌드 또는 설치된 Insiders 버전에서 실행하여 캡션 비디오, 단계별 스크린샷, Playwright 트레이스, HTML 보고서를 생성합니다.
이 스킬은 VS Code의 UI 버그를 재현하거나 수정 사항을 검증할 때 사용됩니다. 실제 VS Code 창을 구동하여 종단 간(End-to-End) 테스트를 수행하며, 사용자가 작성한 시나리오 파일을 기반으로 자동화된 UI 테스트를 실행합니다. 테스트 결과는 캡션 비디오, 각 단계별 스크린샷, Playwright 트레이스, HTML 보고서로 제공되어 이슈나 풀 리퀘스트에 첨부할 수 있습니다. 이 스킬은 개발 환경(Dev Build) 또는 설치된 VS Code Insiders 버전을 대상으로 작동하며, Playwright를 기반으로 한 강력한 UI 자동화 기능을 제공합니다. 주로 VS Code 확장 프로그램 개발자나 핵심 팀 구성원이 UI 결함을 문서화하거나 수정 사항을 검증하는 데 활용합니다.
npx skills add https://github.com/microsoft/vscode/tree/main/.github/skills/validate-ui-scenarioUI 버그를 재현하거나 수정 사항을 검증하기 위해 실제 VS Code 창을 종단 간 구동하여 증거를 캡처하는 데 사용합니다. 시나리오 파일을 작성하고, 이를 개발 빌드 또는 설치된 Insiders 버전에서 실행하여 캡션 비디오, 단계별 스크린샷, Playwright 트레이스, 그리고 이슈나 풀 리퀘스트에 첨부할 수 있는 HTML 보고서를 생성합니다.
This repo contains 10 individual skills — each has its own dedicated page.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.