メインコンテンツへスキップ
D

dsh-showcase

doveli-gu/dsh-showcase

Local, verifiable delivery evidence reports for coding-agent work.

インストール

dsh plugin --profile web add github:doveli-gu/dsh-showcase

README

dsh-showcase

CI License Node.js

把编程 Agent 的改动和测试结果,整理成可核验的中文交付报告。

dsh-showcase 是一个本地运行的 DSH 插件。它读取目标项目的 Git 改动、测试回执和可选截图,生成 Markdown 摘要与自包含 HTML 海报。

它不会上传项目文件,也不会把目标项目的数据写回本仓库。

本项目是社区工具,不是 DeepSeek、DSH 或《终末地》的官方产品。主题名仅描述视觉风格,不代表官方授权。演示素材说明见 CHARACTER_ASSET_NOTICE.md

目录功能 · 快速开始 · 赞助商 · 产物 · 截图 · 工具参数 · 边界与安全 · 开发

先看效果

这是一个 DSH 插件 + 本地采集 CLI,不是只展示截图的主题包。插件负责把证据整理成摘要和海报;CLI 负责在任意目标项目中采集 Git 与测试回执。

终末地帝江号(机械工业 / 等高线 / 黄黑校准)

终末地帝江号桌面 1K 预览,1024 x 640

终末地帝江号移动端 1K 预览,455 x 1024

蓝色大肥鱼(浅蓝 / 钴蓝 / 角色主视觉)

蓝色大肥鱼桌面 1K 预览,1000 x 900

蓝色大肥鱼移动端 1K 预览,455 x 1024

你需要什么

  • 必须:已经可以运行的 DSH Web 环境;
  • 必须:Node.js 20+ 和 npm,用于安装本仓库及运行采集 CLI;
  • 可选:Git。没有 Git 时仍会生成报告,但状态会明确标为 partial
  • 可选:Playwright 或其他浏览器验收工具。截图不是后端、CLI、库项目的必需项。

如果你只想查看海报,可以直接打开已经生成的 .showcase/layout-poster.html;如果你要让 DSH 读取新项目,按下面三步操作。

它能帮你做什么

你现在要做的事dsh-showcase 的输出
向别人说明这次改了什么Git 文件清单、增删行统计和当前引用
证明测试确实运行过测试命令、退出码、耗时和脱敏后的输出
检查桌面和移动端界面最多 3 张经过路径、时间和主题校验的截图
给交付结果做归档Markdown 摘要和可独立打开的 HTML 海报
证据还不完整明确标记 partialfailed,不会伪装成功

支持前端、后端、CLI、Node.js、Python、Rust、Go、Java、库和静态 HTML 项目。

工作流只有一条:

目标项目 → init 配置 → capture 采集 → report.json → DSH 工具 → Markdown / HTML

5 分钟快速开始

第一步:安装插件

插件运行时已发布到 npm。推荐优先使用 npm 安装插件;如果需要运行采集 CLI 或参与开发,再从 GitHub 源码安装完整仓库。

dsh plugin --profile web add dsh-showcase

如果你需要同时使用采集 CLI,继续按下面的源码方式安装。仓库放在固定目录后,DSH 插件和采集 CLI 可以共用同一份代码。

Set-Location C:\tools
git clone https://github.com/DoveLi-Gu/dsh-showcase.git
Set-Location .\dsh-showcase
npm ci
dsh plugin --profile web add "C:\tools\dsh-showcase"

然后重启 dsh web,再新建一个会话。若命令提示 dsh 不存在,先安装并确认 DSH CLI 已加入 PATH;这不是本插件自身的安装错误。

打开 DSH 的插件设置,找到 布局证据产物。这里可以选择:

  • 终末地帝江号:机械工业、密集等高线和黄黑校准色;
  • 蓝色大肥鱼:浅蓝背景、角色主视觉和钴蓝强调;
  • 生成自包含 HTML 海报:关闭时只生成 Markdown,开启后同时生成 HTML。

主题只在插件设置中选择,目标项目不需要增加主题字段。

npm 包说明:插件入口可以使用 dsh plugin --profile web add dsh-showcase 安装。不要使用 npm install --global dsh-showcase:npm 包提供的是 DSH 插件运行时,不是全局 CLI。采集 CLI 仍按上面的 GitHub 源码目录运行。

第二步:在目标项目采集证据

进入你真正要检查的项目:

Set-Location C:\work\your-project
$showcaseRepo = "C:\tools\dsh-showcase"

& "$showcaseRepo\node_modules\.bin\tsx.cmd" `
  "$showcaseRepo\src\cli\index.ts" init

这会创建 .showcase/config.json。打开它,确认任务目标和测试命令:

{
  "task": "完成用户设置页并通过回归测试",
  "baseRef": "HEAD~1",
  "timeoutMs": 120000,
  "tests": [
    "npm test",
    "npm run build"
  ]
}

然后执行采集:

& "$showcaseRepo\node_modules\.bin\tsx.cmd" `
  "$showcaseRepo\src\cli\index.ts" capture

采集完成后,目标项目中会出现:

.showcase/
├─ config.json       # 任务目标、Git 基准、测试和超时
└─ report.json       # Git 改动、测试回执、截图记录和脱敏统计

init 只需执行一次。如果 config.json 已存在,直接编辑后运行 capture

第三步:让 DSH 生成报告

回到这个目标项目的 DSH 会话,直接发送:

请调用 showcase_layout_summary,以当前项目为 projectPath,读取 .showcase/report.json 并生成中文交付摘要。本次需要 HTML 海报,请把 generatePoster 设为 true

等价的工具参数:

{
  "projectPath": ".",
  "locale": "zh-CN",
  "generatePoster": true
}

projectPath 是唯一必填参数。默认输出:

.showcase/layout-summary.md
.showcase/layout-poster.html

只想生成 Markdown 时,将 generatePoster 设为 false,或关闭插件设置里的海报开关。

补充:最小可用命令

如果你不需要自定义任务,下面是一次完整的最短流程(在目标项目目录执行):

$showcaseRepo = "C:\tools\dsh-showcase"
& "$showcaseRepo\node_modules\.bin\tsx.cmd" "$showcaseRepo\src\cli\index.ts" init
& "$showcaseRepo\node_modules\.bin\tsx.cmd" "$showcaseRepo\src\cli\index.ts" capture

随后在 DSH 会话中调用 showcase_layout_summaryinit 只执行一次;以后每次改完代码、测试和截图后,只需要重新执行 capture,再重新生成摘要。

赞助商

项目主赞助

鸽子中转站 Logo

鸽子中转站 · Pigeon API Relay

稳定、透明、易接入的 AI API 中转服务

鸽子中转站(Pigeon API Relay)兼容 OpenAI API 格式,重点提供 GPT-5.6 全系列、Claude Opus 5、Fable 5 等模型,同时覆盖多种国产模型,适用于 AI 编程、客户端接入、日常对话、内容创作和图像生成等场景。

平台支持余额按量与订阅套餐两种方式,包含灵活的日卡、月卡方案;模型价格和套餐权益清晰可查。你可以在一个控制台中统一管理 API Key、模型调用、余额、用量和订阅权益,并查看服务状态与详细接入文档。具体模型、价格及套餐权益以鸽子中转站站内实时信息为准。

兼容 OpenAI API · GPT-5.6 全系列 · 余额按量 · 日卡/月卡订阅

创建账户 · 模型与价格 · 订阅套餐 · 接入文档 · 服务状态

赞助商 介绍
鸽子中转站 Logo
鸽子中转站

稳定、透明、易接入的 AI API 中转服务,兼容 OpenAI API 格式。

重点提供 GPT-5.6 全系列、Claude Opus 5、Fable 5 等模型,同时覆盖多种国产模型,适用于 AI 编程、客户端接入、日常对话、内容创作和图像生成等场景。

平台支持余额按量与订阅套餐两种方式,包含灵活的日卡、月卡方案;用户可以统一管理 API Key、模型调用、余额、用量和订阅权益,并查看模型价格、套餐权益、服务状态和详细接入文档。具体模型、价格及套餐权益以站内实时信息为准。

最省事的用法

安装插件后,也可以让有终端权限的 DSH Agent 完成采集和汇总。把下面这段话里的工具目录改成你的实际路径:

使用 C:\tools\dsh-showcase 的 CLI 检查当前项目。如果没有 .showcase/config.json,先执行 init 并让我确认测试命令;然后执行 capture,最后调用 showcase_layout_summary 生成中文 Markdown 和 HTML 海报。不要上传任何项目文件。

这样用户只需要确认测试命令,不需要手动编写工具参数。

生成了哪些文件

文件作用建议提交 Git
.showcase/config.json当前项目的采集配置按团队需要决定
.showcase/report.json结构化 Git、测试和截图回执通常不提交
.showcase/layout-summary.md适合审查和聊天阅读的摘要通常不提交
.showcase/layout-poster.html可单独打开的展示海报通常不提交

本仓库已经默认忽略 .showcase/。其他项目也建议把它加入 .gitignore

.showcase/

测试命令如何确定

init 会根据项目文件尝试填写默认测试:

检测到的文件默认测试
package.json 中存在 scripts.testnpm test
pyproject.tomlpytest.inisetup.cfgrequirements.txtpytest -q
Cargo.tomlcargo test
go.modgo test ./...
pom.xmlmvn test
gradlew.batgradlew.bat test

测试也可以单独设置超时:

{
  "tests": [
    "npm test",
    {
      "command": "pytest -q",
      "timeoutMs": 180000
    }
  ]
}

没有识别到测试时仍会生成报告,但状态会是 partial

截图证据

CLI 会保留 report.json 中已经存在的截图记录,但不会自动启动浏览器截图。

前端项目可以用 Playwright、浏览器验收工具或自己的截图脚本,把图片保存在目标项目内,再把记录加入 report.json.screenshots

{
  "id": "desktop-after",
  "label": "桌面完成态",
  "theme": "frontier-signal",
  "viewport": {
    "name": "desktop",
    "width": 1440,
    "height": 900
  },
  "imagePath": "evidence/desktop-after.png",
  "capturedAt": "2026-08-20T10:00:00.000Z",
  "kind": "after",
  "url": "http://localhost:4173/"
}

截图规则:

  • imagePath 必须位于目标项目内部;
  • theme 使用 frontier-signalblue-big-fish
  • 截图主题必须与 DSH 插件当前主题匹配;
  • 缺失、过期、跨主题或不可读的截图不会被当成有效证据;
  • 没有可视界面的项目可以不提供截图。

截图不是“随便放一张图片”:它必须属于目标项目、采集时间不能晚于报告、格式和尺寸必须可读,而且主题要和当前海报一致。跨主题截图会保留在报告里,但会从当前海报隔离出去。

frontier-signal 是“终末地帝江号”的内部兼容键,不是第三套主题;普通用户只需要在 DSH 设置中选择中文主题名。

工具参数

工具名:showcase_layout_summary

参数必填默认值或用途
projectPath目标项目根目录
reportPath.showcase/report.json
outputPath.showcase/layout-summary.md
posterPath.showcase/layout-poster.html
localezh-CN;也支持 en
generatePoster覆盖本次调用,不修改持久设置
appPath特殊目录项目的布局源码路径
cssPath特殊目录项目的样式文件路径

特殊项目结构示例:

{
  "projectPath": "C:/work/your-project",
  "appPath": "src/client/App.tsx",
  "cssPath": "src/client/styles.css",
  "locale": "zh-CN",
  "generatePoster": false
}

常见问题

为什么没有生成 HTML 海报?

检查插件设置中的海报开关,或在本次调用中传入 "generatePoster": true。Markdown 默认仍会生成。

为什么状态是 partial?

采集阶段通常是没有 Git 或没有可运行的测试命令;汇总阶段还可能额外提示截图缺失或过期。partial 的含义是“可以继续审查,但证据不完整”,不是程序崩溃。

为什么截图没有出现在海报里?

检查文件是否存在、路径是否位于目标项目内、capturedAt 是否早于图片修改时间,以及截图主题是否匹配。

可以用于非前端项目吗?

可以。后端、CLI 和库项目不要求截图,仍可生成 Git 与测试回执。

安全与边界

  • 所有默认产物只写入目标项目的 .showcase/
  • 没有远程上传步骤;
  • 常见 Token、Authorization、GitHub Token 格式和本机绝对路径会尝试脱敏;
  • 报告最大 2 MiB,单张截图最大 8 MiB、尺寸不超过 16384 px;
  • 每张海报最多嵌入 3 张有效截图;
  • 脱敏不是绝对保证,公开分享前仍需人工检查。

从源码开发

npm ci
npm run check
npm run dev

主要目录:

src/                  CLI、报告 schema、Git、命令和脱敏逻辑
plugin/               DSH 插件、设置面板、摘要和海报生成器
tests/                单元、跨项目、极端输入和产物测试
docs/                 使用、上传、发布和预览素材
.github/workflows/    Node 20/22 CI

维护文档:

许可证

源代码和普通仓库文件使用 MIT,详见 LICENSE。演示角色、照片和主题截图不自动包含在 MIT 授权中,详见 CHARACTER_ASSET_NOTICE.md

関連プラグイン