dsh-visual-studio 怎么安装？

在已安装 dsh CLI 引擎的环境中，进入插件页复制安装命令一键执行即可；基本兼容但装前注意：未发布到 npm registry，仅可从源码安装

dsh-visual-studio 兼容性怎么样？

基本兼容但装前注意：未发布到 npm registry，仅可从源码安装

dsh-visual-studio 有中文文档吗？

已提供中文翻译 README（由 DeepSeek 最新模型翻译生成），本站可切换中英文对照阅读。

dsh-visual-studio 还在维护吗？

GitHub 1 星。最近一次上游提交在 2026/9/18。

可视化网页工作室 pengc0066-star/dsh-visual-studio

DeepSeek Harness

pengc0066-star46 天前有提交已提供中文文档扫描：含敏感能力

在 GitHub 查看 ↗

在浏览器里预览并批注 HTML/SVG，让 AI 改源码

30.2/100

综合分

GitHub 星标

—

npm 周下载

—/5

用户评分

数据截至 2026/9/24 · 周下载取自 npm 全网（含 CI / 镜像），非本站安装数；综合分由星标、活跃度与兼容性检查合成。

自动兼容检查有告警：未发布到 npm registry，仅可从源码安装。

安装命令 · 需先装 dsh CLI 引擎

dsh plugin --profile web add pengc0066-star/dsh-visual-studio

该包不可直接 npm 安装，改从 GitHub 源安装（明细见下方安装检查）

状态速览

判定依据：实装验证 · 静态安装检查 · 自动扫描 · 仓库维护状态

信任档位：需留意

是什么

dsh 原生插件 · vision

装得上吗

实装验证未通过（dependency_conflict），装前请到仓库确认最近更新与 issue

L4 · 真实安装等级说明 →

安全吗

本站尚未对该插件做风险分级

暂未覆盖，不等同于无风险

还在维护吗

更新放缓：最近一次提交在 46 天前

档位由哪些信号合成

本站实装验证（真实安装 L4 覆盖全站；L5 为运行时冒烟或实机截图，覆盖范围小于 L4） · 验证所用 dsh 版本 · 静态安装检查 · 风险分级 · 仓库维护状态。下方各区块是它的证据明细。

验证判据与等级说明 →

⚠︎ 实装验证未通过（dependency_conflict · 2026/11/3） ——可能是验证环境差异，装前建议到 GitHub 仓库确认最近更新与 issue。

社区实装还没有人打卡 · 装过的第一个就是你

安装兼容性检查⚠ 装前注意

未发布到 npm registry，仅可从源码安装

展开查看检查明细 ↓

以下结论由程序自动检查 npm 包、engines 声明与入口文件得出，未做人工实机验证——能装不等于用着没问题。

✗npm 包@deepseek-ai/dsh-visual-studio（未发布到 npm，仅可源码安装）

✓Node 引擎未声明 engines.node

✓dsh CLI 依赖未声明 dsh 版本约束

✓入口文件main/exports/bin 已声明

验证方式：npm registry 存在性 + package.json 静态校验 · 最后检查 2026/10/7 10:40:17

安全扫描自动 · 静态分析源码

v2.7.0

🔵 扫描：含敏感能力尚无人工评估

展开查看扫描说明与证据 ↓

静态扫描发现插件具备触达本地系统的能力：执行外部命令、读写/删除本地文件、读取剪贴板或密钥类环境变量（至少其一）。这是能力清单，不是危险判定——具体能力项与证据见下方，安装前请自行判断是否需要。

读写/删除本地文件

查看扫描证据（共 15 处，展示前 14 条）

读取本地文件
src/host/artifact-log.ts:112
text = readFileSync(this.filePath, 'utf8')
写入本地文件
src/host/artifact-log.ts:171
await mkdir(dirname(this.filePath), { recursive: true })
写入本地文件
src/host/artifact-log.ts:172
await appendFile(this.filePath, `${JSON.stringify(full)}\n`, 'utf8')
读取本地文件
src/host/file-service.ts:97
entries = await readdir(dir, { withFileTypes: true })
读取本地文件
src/host/file-service.ts:133
return await readFile(target, 'utf8')
读取本地文件
src/host/file-service.ts:139
return (await readFile(target)).toString('base64')
写入本地文件
src/host/file-service.ts:161
await mkdir(dirname(target), { recursive: true })
读取本地文件
src/host/file-service.ts:165
currentHash = hashContent(await readFile(target, 'utf8'))
读取本地文件
src/host/file-service.ts:175
const before = await readFile(target)
写入本地文件
src/host/file-service.ts:177
await writeFile(backup, before)
写入本地文件
src/host/file-service.ts:183
await writeFile(target, content, 'utf8')
写入本地文件
src/host/file-service.ts:197
await mkdir(dirname(target), { recursive: true })
写入本地文件
src/host/file-service.ts:198
await writeFile(target, '', { flag: 'wx', encoding: 'utf8' })
读取本地文件
src/host/file-service.ts:206
const entries = await readdir(dirname(target))

扫描于 2026/11/2（1 天前） · 范围全包扫描（包内未声明入口） · 来源 GitHub 仓库

静态扫描只反映源码中出现的调用，不构成安全背书；人工评估与自动扫描相互独立、互不覆盖。

依赖的 DSH / Cordis 模块

@deepseek-ai/cordis@deepseek-ai/dsh-client-connection@deepseek-ai/dsh-client-runtime@deepseek-ai/dsh-client-ui-conversation@deepseek-ai/dsh-client-ui-layout@deepseek-ai/dsh-client-ui-slots@deepseek-ai/dsh-fs@deepseek-ai/dsh-host-apiproxy@deepseek-ai/dsh-invariants

给这个插件打分还没有人投票↓

用户评分

还没有人投票，来当第一个

广告精选好物

飞利浦 TAH6519 主动降噪耳机 ¥299

头戴式无线 anc 主动降噪，蓝牙连接，久戴舒适向。

·anc 主动降噪 · 头戴式无线
·价格与库存以商品页实时为准

去淘宝看看→

广告MCP 兼容手册

装完插件，给 AI 接上 MCP

Cursor、Claude Code、VS Code 逐个核对：能不能装、配置怎么写、装不上是什么原因。

·按客户端逐格核对
·结论标注依据与风险等级

查 MCP 兼容性→

功能亮点

检查并批注文件
批注回传AI改源码

README

由 DeepSeek 最新模型翻译生成

@deepseek-ai/dsh-visual-studio 中文介绍英文 Visual HTML/SVG Studio（可视化 HTML/SVG 工作室）是一个持久化的 DeepSeek Harness 网页插件：在浏览器里打开、新建、实时预览并保存工作区内的 HTML/SVG 文件，支持「元素检查」与「手动批注」，批注会直接送回当前 Agent 会话，由 AI 精确修改源码。功能特性 - 打开 / 新建 / 保存工作区内的 .html / .htm / .svg 文件。 - 实时预览：源码编辑器旁是隔离 iframe 预览（sandbox="allow-scripts"、无 allow-same-origin，预览脚本运行在独立源，无法访问父页面 DOM / Cookie）。 - 元素检查模式：在预览中点击任意 HTML/SVG 元素，显示选框、元素路径、稳定 selector、尺寸与主要 computed styles。 - 会话产物中心：编写区上方有产物栏，自动追踪当前会话 Agent 创建/修改的文件（显示相对路径、版本、更新时间，点击即打开），按 HTML/SVG、图片、文本分派到对应编辑器；图片可点选/框选定位，文本可在编辑器中选中段落。

展开完整文档（README 剩余 1 节）

@deepseek-ai/dsh-visual-studio

中文介绍

英文

Visual HTML/SVG Studio（可视化 HTML/SVG 工作室）是一个持久化的 DeepSeek Harness 网页插件：在浏览器里打开、新建、实时预览并保存工作区内的 HTML/SVG 文件，支持「元素检查」与「手动批注」，批注会直接送回当前 Agent 会话，由 AI 精确修改源码。

功能特性

- 打开 / 新建 / 保存 工作区内的 .html / .htm / .svg 文件。
- 实时预览：源码编辑器旁是隔离 iframe 预览（sandbox="allow-scripts"、无 allow-same-origin，预览脚本运行在独立源，无法访问父页面 DOM / Cookie）。
- 元素检查模式：在预览中点击任意 HTML/SVG 元素，显示选框、元素路径、稳定 selector、尺寸与主要 computed styles。
- 会话产物中心：编写区上方有产物栏，自动追踪当前会话 Agent 创建/修改的文件（显示相对路径、版本、更新时间，点击即打开），按 HTML/SVG、图片、文本分派到对应编辑器；图片可点选/框选定位，文本可在编辑器中选中段落。
- 手动批注：对选中元素、图片坐标或代码选区添加批注，提交时连同文件相对路径、版本、类型、定位（selector / 坐标 / 行列范围）与选中文本一起送回当前 Agent 会话。
- 自动刷新 + 状态保留：Agent 修改源码后自动刷新预览，批注的「已处理 / 未处理」状态保留。
- 撤销 / 重做 / 保存 / 刷新 / 桌面-手机视口切换。
- 版本备份与恢复：覆盖文件前把旧内容写到同目录 .dsh-visual-studio-backup-，可一键恢复上一版本。

快速开始

构建 corepack pnpm install
corepack pnpm run build # tsc -b && tsdown

测试 corepack pnpm test

安装到当前 web profile（重启后仍存在）
dsh plugin --profile web add

安装后重启 dsh web，右下角会出现 Visual Studio 浮动面板。示例见 examples/demo.html 与 examples/demo.svg。

Visual HTML/SVG Studio — a persistent DeepSeek Harness web plugin that opens, creates, previews, and saves workspace HTML/SVG files, with an element inspector and agent-routed annotations.

Features

- Open / new / save workspace .html / .htm / .svg files.
- Live preview in a sandboxed iframe (sandbox="allow-scripts", no
allow-same-origin, so previewed scripts run in an opaque origin with no
parent-DOM or cookie access), beside a source editor.
- Element inspector: click any element in the preview to see a highlight
box, breadcrumb path, stable CSS selector, size, and selected computed styles.
- Session artifacts center: an artifacts bar above the composer tracks the
files the current session's agent creates or edits (relative path, version,
update time) and opens each by type — HTML/SVG preview, image point/box select, or text selection.
- Annotations: attach a note to an inspected element, an image coordinate,
or a text selection; the submitted message carries the file's relative path,
version, kind, location (selector / coordinates / line-column range), and the
selected text.
- Undo / redo / save / refresh / desktop-mobile viewport controls.
- Versioned backups: before overwriting a file, the previous content is
written to a sibling .dsh-visual-studio-backup- file and can be
restored with one click.

Architecture

A dual-face Cordis plugin (one package, two halves):

- Node half (src/index.ts, host tree): registers the /visual-studio
Connection RPC channel (authority: loopback) serving list / read /
write / create / artifacts.list / backups.restore, and appends each
session's fs/observed write/edit to a persisted JSONL event log replayed on
startup. Every target path is containment-checked against the
在任何读取或写入之前，先确定工作区根目录。
- 浏览器部分（src/client/，客户端树）：将 StudioPanel 注册到 shell.overlay 插槽中，并通过 Connection 传输注入文件/会话回调。

该包同时带有 dsh.client（浏览器清单）和 dsh.bundle （cordis.patch.yml 会插入自己的行），因此它既可以通过
dsh plugin add 安装，也可以通过将该行添加到某个配置文件的 cordis.patch.yml 来安装。

注解通过现有的 session.prompt RPC （mode: 'queue'）到达 agent——与聊天编辑器使用的路径相同——因此不需要自定义的会话注入机制。

要求

- 对等包 @deepseek-ai/* 版本为 ^0.1.0-rc.5（DeepSeek Harness 运行时）。这些来自 deepseek-ai/deepseek-harness monorepo（npm 或一份检出副本）；它们并未在此处内嵌。
- Node >=22.19 || >=24。

构建

corepack pnpm install # 或 npm install
corepack pnpm run build # tsc -b && tsdown

这会生成 lib/index.js（node 部分）、lib/invariant.js 和 lib/client.js （浏览器包）。

测试

corepack pnpm test

安装到 Harness web 配置文件

dsh plugin --profile web add

或手动操作：将此包链接到 $DSH_HOME/profiles/node_modules/@deepseek-ai/ 中，并将 - insert: [{ id: visual-studio, name: '@deepseek-ai/dsh-visual-studio' }] 添加到 $DSH_HOME/profiles/web/cordis.patch.yml，然后重启 dsh web。

卸载

从 $DSH_HOME/profiles/web/cordis.patch.yml 中移除该行，并删除 $DSH_HOME/profiles/node_modules/@deepseek-ai/dsh-visual-studio 链接（或运行
dsh plugin --profile web remove @deepseek-ai/dsh-visual-studio），然后重启
dsh web。

示例

examples/demo.html 和 examples/demo.svg 是用于演练 “点击元素 → 添加注解 → agent 编辑 → 自动刷新”循环的文件。

已知限制与待办工作

- 预览 iframe 仍会运行用户编写的脚本（allow-scripts）；它们被限制在不透明源中，但并未经过净化处理。
- 撤销历史和注解状态是会话本地的（注解通过 localStorage 持久化；撤销历史在页面重新加载后不会保留）。
- 当通过配置文件补丁层而不是 dsh plugin add 安装时，dsh.bundle 补丁处于休眠状态。