开发与工程 ✓ Microsoft · 官方

VS Code 本地 Web 工作台

在本地 vscode.dev 中验证 VS Code 工作台和 Agents 窗口改动。

53/ 100
谨慎使用

价值存在,但可靠性、证据或控制措施仍有明显缺口。

查看评分依据 ↓
可直接使用于
Codex · Claude Code
Star 数
★ 194k
最近更新
11 天前
License
MIT
vscode-web-workbenchlocal-development-serverbrowser-automationagents-window
+2mock-agent-hostwebsocket

这个 Skill 能做什么,适合哪些场景?

这个技能用于通过本地运行的 vscode.dev 服务,加载相邻的 microsoft/vscode 源码并操作 VS Code Web 工作台。它覆盖开发服务器启动、vscode-quality=dev URL、浏览器交互,以及可选的本地模拟 Agent 主机。vscode-dev 和 vscode 必须位于同一工作根目录下的相邻文件夹中。它适合需要验证 Web-only 工作台改动的开发者,但不适合只想安装或使用桌面版 VS Code 的用户。

从相邻的 microsoft/vscode checkout 提供本地 VS Code Web 工作台或 /agents Agents 窗口;在 vscode-dev 文件夹中运行 npm run dev,并通过 https://127.0.0.1:3000 提供服务;使用带有 ?vscode-quality=dev 的 URL 选择本地开发源码;通过浏览器工具点击、输入和发送聊天内容;在重建后注销 service worker 并清理缓存以避免旧资源;可选地运行 vscode 中的 agentHostServerMain.js,以 WebSocket 模拟 Agent 主机并为 Agents 窗口提供预置或脚本化会话。

适合
  • 正在修改 VS Code Web 工作台的开发者,需要在发布 Insiders 构建前直接验证本地源码。
  • 需要测试 Agents 窗口交互的开发者,希望使用本地 mock agent host 绕过 GitHub 登录和隧道发现。
  • 使用浏览器自动化验证聊天输入、发送按钮或工作台行为的工程师。
  • 修改 vscode 源码后发现页面仍显示旧界面的开发者,需要清理 service worker 和缓存再重新加载。

如何安装这个 Skill?

使用前请注意
  • 运行 npm、Node agent host 和浏览器服务会产生本地进程、构建产物和网络监听;使用前应确认目录、端口及工作区无敏感数据,并补充停止与清理步骤。
  • 该技能依赖 sibling 的 vscode-dev 仓库、vscode 的 out/构建产物及浏览器工具;缺失任一项时不能直接运行。
  • 普通依赖安装或首次构建可能访问海外 npm/GitHub 资源;中国大陆网络环境下应预先准备缓存、镜像或离线依赖,不能将 mock 模式的离线能力推广到完整安装流程。
开始前你需要
Agent 需要具备
  • Shell / 命令行
  • 网络访问
  • 本地文件系统
需要预先安装
  • Node.js
  • npm
  • microsoft/vscode checkout
  • vscode-dev checkout

该源码没有记录独立的技能安装器或安装命令。使用时需要准备 microsoft/vscode checkout 和 vscode-dev checkout,并按以下布局放置:<workRoot>/vscode/ 和 <workRoot>/vscode-dev/。技能文件位于 microsoft/vscode 的 .github/skills/vscode-dev-workbench/SKILL.md。README 说明整个 microsoft/vscode 仓库采用 MIT 许可证;本技能的单独安装步骤未被说明。

通用方式:手动安装到 Claude Code(macOS / Linux)
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/microsoft/vscode.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/.github/skills/vscode-dev-workbench" ~/.claude/skills/
rm -rf "$tmp"

根据源仓库地址和 Skill 路径自动生成,只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式,请优先按作者说明操作;想只在当前项目中使用,把 ~/.claude/skills 换成项目里的 .claude/skills。

如何使用这个 Skill?

先在 vscode-dev 文件夹运行:
cd /path/to/vscode-dev
npm run dev
也可以使用:
pushd /absolute/path/to/vscode-dev >/dev/null && pwd && npm run dev
服务就绪后打开 https://127.0.0.1:3000/?vscode-quality=dev;Agents 窗口使用 https://127.0.0.1:3000/agents?vscode-quality=dev。若测试 Agents 窗口,另开终端在 vscode 文件夹运行:
cd /path/to/vscode
node out/vs/platform/agentHost/node/agentHostServerMain.js --enable-mock-agent --quiet --without-connection-token --port 8765
然后打开 https://127.0.0.1:3000/agents?vscode-quality=dev&mock-agent-host=ws://localhost:8765&vscode-log=trace。若首次启动出现 Cannot find module './indexes',等待 watcher 完成编译并自动重启;如果 vscode/out 中缺少 agentHostServerMain.js,先运行 VS Code - Build 任务或 npm run watch。

这个 Skill 有哪些优点和局限?

优点
  • 直接针对相邻 vscode 源码提供本地 Web 工作台,适合快速验证 Web-only 改动。
  • 同时覆盖主工作台和 /agents Agents 窗口。
  • 本地 mock agent host 可绕过 GitHub 认证和 /agents/api/hosts 端点,支持离线场景。
  • 提供聊天发送、缓存清理、移动设备模拟和常见故障的具体操作说明。
局限
  • 必须同时准备 vscode-dev 和 vscode 两个相邻 checkout,不能只依赖当前 microsoft/vscode 仓库。
  • 启动命令必须在 vscode-dev 文件夹执行;在 vscode 文件夹执行会因缺少 dev 脚本而失败。
  • Agents 窗口通常需要额外启动 mock agent host,而且 vscode/out 必须已生成相关构建产物。
  • 集成浏览器的真实移动端视口受面板宽度限制;源码没有提供独立的安装器、版本要求或测试套件说明。

这个 Skill 与同类方案有什么区别?

与相关 Skills 并排比较;分数均按同一 FSRS 标准得出。

Skill FS 评分 Star 数 最近更新 License
VS Code 本地 Web 工作台 本页 ✓ Microsoft · 官方 53 · 谨慎使用 ★ 194k 11 天前 MIT
Bright Data Web MCP 网页访问技能 51 · 谨慎使用 ★ 38k 13 天前 MIT
Playwright 开发指南 ✓ Microsoft · 官方 45 · 不推荐 ★ 98k 11 天前 Apache-2.0
Playwright 浏览器自动化技能 68 · 推荐 ★ 3.2k 2 个月前 MIT
Cate CLI 技能 57 · 谨慎使用 ★ 2.2k 15 天前 MIT

FollowSkills 如何评估这个 Skill?

FollowSkills 评估 · FSRS-2.0
谨慎使用
53/ 100 五分制 2.7 / 5
上游仓库在本次评估后已有新提交;当前评分仍对应所示审查版本,可能尚未覆盖最新改动。
1信任安全18 / 25 · 3.6/5

技能限定在本地 sibling checkout、127.0.0.1 服务和可选本地 mock agent;明确说明 mock 模式绕过 GitHub 认证及 hosts API,具备一定数据流透明度。扣分:未要求运行命令前确认,未说明本地 WebSocket、文件访问及 npm 构建的权限边界,也未提供停止服务、清理构建产物或恢复方案;仍依赖本地工作区和浏览器工具。

2可靠稳定8 / 20 · 2.0/5

路径、工作目录、端口、URL、前置构建、首次编译竞态、缓存问题及常见失败均有具体说明,脚本之间基本一致。扣分:依赖未提供的 vscode-dev 仓库、已安装依赖和 out/产物,命令及日志仅作静态描述,未执行验证;异常覆盖和失败诊断仍有限,因此不超过静态上限10。

3适用触发9 / 15 · 3.0/5

目标用户和场景清楚,覆盖 workbench、Agents window、mock agent、移动模拟及缓存刷新,并说明 Agents 场景的非适用条件。扣分:未明确完整的非适用范围、浏览器工具能力边界或中文使用说明;常规安装和构建可能需要海外 npm/GitHub 资源,虽 mock 核心交互可离线,环境适配证据仍不足。

4规范维护8 / 15 · 2.7/5

文档结构清晰,按布局、启动、URL、交互、缓存、噪声、排障和 mock agent 渐进展开,包含命令、参数、预期日志和故障表。扣分:技能本身没有版本、变更记录、维护责任、更新路径、安装依赖说明或 FAQ;MIT、Microsoft provenance 和仓库治理可由共享材料支持,但并非该 SKILL.md 的完整维护声明。

5有效结果6 / 15 · 2.0/5

技能直接给出启动服务、访问 URL、浏览器交互、缓存清理和 mock agent 配置步骤,预期日志使结果具有可操作性。扣分:未静态证明 vscode-dev 路由、协议版本、mock binary 或浏览器工具实际可用;仍需用户准备第二仓库、构建产物和环境,静态评估下只能接近但不超过效果上限7。

6证据核验4 / 10 · 2.0/5

提供了可复现的目录布局、绝对路径建议、命令、URL、环境变量、预期日志和指向源码文件的名称,具备有限审计线索。扣分:没有提交的专门测试、实际运行记录或独立交叉验证,所附 CI 材料也不覆盖该 skill 的关键路径;按静态证据只能给有限分数,低于上限5。

1 2 3 4 5 6

点击维度查看打分理由

评估于 2026年7月20日 审查版本 5b3e1be7be9e 评估证据[1][2][3][4][5][6][7][8][9][10][11]

证据充分度:低 — 主要依赖静态检查、作者材料或有限演示;适合发现线索,不适合做高风险决策。

查看完整评分方法 →

常见问题

这个技能需要付费吗?
来源没有说明技能收费。microsoft/vscode 仓库 README 说明其源码采用 MIT 许可证。
为什么不能在 vscode 仓库中运行 npm run dev?
技能明确说明 npm run dev 必须从 vscode-dev 文件夹运行;vscode 仓库没有 dev 脚本,会报 npm error Missing script: "dev"。
Agents 窗口为什么停留在登录或隧道发现页面?
通常是因为没有运行 mock agent host。应在第二个终端启动 vscode 中的 agentHostServerMain.js,并使用 mock-agent-host=ws://localhost:8765 参数打开 Agents URL。
修改 vscode 源码后为什么页面没有更新?
服务 worker 会积极缓存客户端资源。应注销 service worker、删除缓存,然后重新加载页面。

同仓库的其他 Skills

均来自 microsoft/vscode

开发与工程 ✓ Microsoft · 官方

VS Code 集成浏览器架构指南

帮助开发者安全理解和修改 VS Code 集成浏览器的跨进程架构。

★ 194k FS 56 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

VS Code Agents 窗口会话架构

帮助代理安全实现和修复 VS Code Agents 窗口功能。

★ 194k FS 56 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

VS Code Agent 定制助手

帮助创建、修复和排查 VS Code Agent 定制文件及其加载问题。

★ 194k FS 55 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

Agent 主机端到端测试助手

用严格的回放夹具维护 VS Code Agent 主机端到端测试。

★ 194k FS 56 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

Agent Host 日志分析

定位 Agent Host 导出日志中的会话、传输与主机问题。

★ 194k FS 55 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

Code OSS 启动与调试

为 VS Code 源码构建提供隔离启动、Playwright 自动化和多进程调试端口。

★ 194k FS 54 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

VS Code 聊天定制编辑器开发技能

帮助开发者安全修改并测试 VS Code 的聊天定制管理界面。

★ 194k FS 52 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

VS Code 集成测试运行助手

帮助你在 VS Code 源码仓库中准确运行和筛选集成测试。

★ 194k FS 52 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

Code OSS 开发日志查看器

快速定位并读取 Code OSS 开发运行日志。

★ 194k FS 51 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

Copilot 会话故障诊断

基于会话日志解释 Copilot CLI 为何出现异常行为。

★ 194k FS 51 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

Copilot 聊天故障排查

通过 Copilot Chat 调试日志解释代理行为、工具调用和加载失败。

★ 194k FS 49 谨慎使用 11 天前
自动化与运维 ✓ Microsoft · 官方

Hook 政策创建器

把代理行为要求转化为可执行的生命周期 Hook。

★ 194k FS 46 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

VS Code Insiders 自动化技能

通过 Playwright 自动化 VS Code Insiders 与 Copilot Chat。

★ 194k FS 46 谨慎使用 11 天前
开发与工程 ✓ Microsoft · 官方

可复用提示词创建器

把重复任务整理成可复用的 .prompt.md 文件。

★ 194k FS 45 不推荐 11 天前
开发与工程 ✓ Microsoft · 官方

代码库初始化定制器

探索代码库并生成或更新帮助 AI 编程代理工作的定制文件。

★ 194k FS 45 不推荐 11 天前
开发与工程 ✓ Microsoft · 官方

VS Code 项目初始化助手

在 VS Code 中按项目类型搭建完整工程骨架。

★ 194k FS 43 不推荐 11 天前
开发与工程 ✓ Microsoft · 官方

自定义代理创建器

根据工作目标和对话上下文创建专用的 .agent.md 代理文件。

★ 194k FS 42 不推荐 11 天前
开发与工程 ✓ Microsoft · 官方

Context7 项目初始化助手

借助最新库文档,为 VS Code 工作区搭建完整项目骨架。

★ 194k FS 36 不推荐 11 天前
开发与工程 ✓ Microsoft · 官方

Copilot Chat OpenTelemetry 埋点指南

为 Copilot Chat 统一设计和维护 OpenTelemetry 埋点。

★ 194k FS 60 推荐 11 天前
开发与工程 ✓ Microsoft · 官方

VS Code 配置策略维护助手

规范 VS Code 企业配置策略的注册、导出与验证。

★ 194k FS 59 推荐 11 天前

相关 Skills