Copilot Dashboard扩展

GitHub Copilot Dashboard是一个VS Code扩展,提供专用视图来管理和浏览Copilot自定义文件,包括代理、指令、提示、技能等,适用于开发团队和VS Code代理工作流。

  • by kasuken
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 kasuken/vscode-copilot-dashboard

使用说明

VS Code中GitHub Copilot自定义文件的概述。

概述 • 特性 • 它扫描什么 • 开始 • 发展

概述

Copilot Dashboard添加了一个专用的活动栏视图,显示工作区和选定用户级文件夹中可用的Copilot自定义文件。它为您提供了一个单一的地方来检查自定义代理、说明、提示、技能、钩子和MCP服务器,然后一键打开任何文件。

该扩展是为使用Copilot自定义原语和VS Code代理工作流的团队构建的轻量级webview支持的浏览器。

[!注意] 当前版本侧重于发现和导航。它不会从仪表板本身编辑、验证或生成自定义文件。

特性

  • 活动栏中的专用副驾驶仪表板视图。
  • 扫描工作区和选定的用户级副驾驶自定义位置。
  • 按类型对结果进行分组:代理、指令、提示、技能、挂钩和MCP服务器。
  • 显示项目计数、描述、文件位置和模型元数据(如果可用)。
  • 直接从仪表板打开文件。
  • 视图标题中的“刷新”命令可重新扫描工作区。
  • 符合标准 .github/ 惯例和常见的Copilot文件布局。

它扫描什么

工作区文件

类型 地点
代理商 .github/agents/*.md, .github/agents/*.agent.md, .claude/agents/*.md
使用说明 **/*.instructions.md, .github/copilot-instructions.md, AGENTS.md
提示 .github/prompts/*.prompt.md
技能 .github/skills/*/SKILL.md
钩子 .github/hooks/*.json
MCP服务器 mcp.json, .vscode/mcp.json

用户级文件

类型 地点
代理商 ~/.copilot/agents/*.md
技能 ~/.copilot/skills/*/SKILL.md

[!提示] 指令可以在整个工作空间中广泛发现,因此仪表板可以显示传统的 .github/instructions/*.instructions.md 存储在仓库其他地方的文件和自定义指令文件。

入门指南

在本地使用扩展名

  1. 安装依赖项:
npm install
  1. 启动TypeScript观察程序:
npm run watch
  1. 按 F5 在VS Code中启动扩展开发主机。
  2. 在新窗口中,打开一个包含Copilot自定义文件的工作区。
  3. 在活动栏中选择副驾驶仪表板图标。
  4. 展开一个部分,然后单击文件条目将其打开。

使用仪表板

仪表板在顶部显示了一个紧凑的统计网格,后面是每种自定义类型的可折叠部分。默认情况下,包含项目的部分会打开,当文件更改时,刷新操作会重新扫描工作区。

发展

堆栈

  • VS代码扩展API
  • TypeScript
  • 从渲染的Webview UI src/extension.ts
  • ESLint用于棉绒
  • @vscode/test-cli 和 @vscode/test-electron 用于扩展测试

脚本

npm run compile
npm run watch
npm run lint
npm test

项目形状

src/
	extension.ts
	test/
		extension.test.ts
media/
	icon.svg

备注

  • 需要VS代码 ^1.110.0.
  • 该扩展目前贡献了一个活动栏容器、一个Web视图和一个刷新命令。
  • 还没有贡献的设置。
  • 测试覆盖率仍处于初始模板阶段,因此目前对行为的记录比自动化更彻底。