dsh-web-design 怎么安装？

在已安装 dsh CLI 引擎的环境中，进入插件页复制安装命令一键执行即可；尚未跑自动兼容性验证，可查看页面内的依赖与入口分析。

dsh-web-design 兼容性怎么样？

尚未跑自动兼容性验证，可查看页面内的依赖与入口分析。

dsh-web-design 有中文文档吗？

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

dsh-web-design 还在维护吗？

GitHub 0 星。最近一次上游提交在 2026/9/24。

网页可视化编辑 zhang-guo-wen/dsh-web-design

DeepSeek Harness

zhang-guo-wen40 天前有提交已提供中文文档扫描：含敏感能力

在 GitHub 查看 ↗

在侧栏预览 HTML 并直接改样式文字与位置

29.7/100

综合分

GitHub 星标

—

npm 周下载

—/5

用户评分

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

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

dsh plugin --profile web add zhang-guo-wen/dsh-web-design

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

状态速览

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

信任档位：需留意

是什么

dsh 原生插件 · browser

装得上吗

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

安全吗

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

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

还在维护吗

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

档位由哪些信号合成

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

验证判据与等级说明 →

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

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

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

v2.7.0

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

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

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

读写/删除本地文件

查看扫描证据（共 8 处，展示前 6 条）

读取本地文件
lib/index.mjs:241
const info = await stat(path);
读取本地文件
lib/index.mjs:255
return new Response(await readFile(handle), {
读取本地文件
lib/index.mjs:790
const raw = await readFile(sidecarPath(filePath), "utf8");
读取本地文件
lib/index.mjs:1084
original = await readFile(path, "utf8");
读取本地文件
lib/index.mjs:1091
const mode = (await stat(path)).mode & 511;
读取本地文件
lib/index.mjs:1231
const info = await stat(target);

扫描于 2026/11/4（0 天前） · 范围入口闭包 + 发布文件清单 · 来源 GitHub 仓库

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

依赖的 DSH / Cordis 模块

@deepseek-ai/dsh-atomic-write@deepseek-ai/cordis@deepseek-ai/dsh-api-gateway@deepseek-ai/dsh-api-remotes@deepseek-ai/dsh-client-locale@deepseek-ai/dsh-client-store@deepseek-ai/dsh-client-ui-primitives@deepseek-ai/dsh-client-ui-renderer@deepseek-ai/dsh-client-ui-settings@deepseek-ai/dsh-client-ui-sidebar-documentpreview@deepseek-ai/dsh-client-ui-slots@deepseek-ai/dsh-client-ui-theme

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

用户评分

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

广告精选好物

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

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

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

去淘宝看看→

广告MCP 兼容手册

装完插件，给 AI 接上 MCP

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

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

查 MCP 兼容性→

功能亮点

侧栏预览HTML
直接修改样式文字
调整元素位置

DeepSeek Harness 网页设计：在侧边栏预览和编辑 HTML 元素

README

由 DeepSeek 最新模型翻译生成

dsh-web-design 背景：DeepSeek Harness DeepSeek Harness（dsh）是 DeepSeek AI 开源的 agent harness，几乎所有能力都是 Cordis 插件。它处于 developer preview 阶段、迭代很快，会有破坏性变更（文档站，0.1.7-alpha.）；本插件是独立第三方包，@deepseek-ai/ 运行时从宿主解析。这个插件解决什么问题原本没法在 DSH 里看着渲染结果改页面；本插件在侧栏预览 .html，可改样式、文字、位置与删除，并把改动写回源文件。截图 The Sidebar preview 侧栏预览一个已打开的 .html 文件，工具栏里是预览 / 编辑切换与保存到文件。 The element editor dialog 元素编辑弹窗：所选元素的选择器、它的文本，以及可以写回文件的样式字段。安装 npx @deepseek-ai/dsh plugin --profile web add @guowenzhang/dsh-web-design 来自 npm 官方源：。装完重启宿主；本地目录开发安装、git 源与排查见 AGENTS.md。

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

dsh-web-design

背景：DeepSeek Harness

DeepSeek Harness（dsh）是 DeepSeek AI 开源的 agent harness，几乎所有能力都是 Cordis 插件。它处于 developer preview 阶段、迭代很快，会有破坏性变更（文档站，0.1.7-alpha.）；本插件是独立第三方包，@deepseek-ai/ 运行时从宿主解析。

这个插件解决什么问题

原本没法在 DSH 里看着渲染结果改页面；本插件在侧栏预览 .html，可改样式、文字、位置与删除，并把改动写回源文件。

截图

The Sidebar preview
侧栏预览一个已打开的 .html 文件，工具栏里是 预览 / 编辑 切换与 保存到文件。

The element editor dialog
元素编辑弹窗：所选元素的选择器、它的文本，以及可以写回文件的样式字段。

安装

npx @deepseek-ai/dsh plugin --profile web add @guowenzhang/dsh-web-design

来自 npm 官方源：。装完重启宿主；本地目录开发安装、git 源与排查见 AGENTS.md。

用法

在侧栏打开 HTML 文件

在侧栏里打开 .html 或 .htm 文件，会以渲染后的页面代替静态源码视图，文件自己的内联 CSS 与脚本照常运行。

在预览与编辑之间切换

工具栏上的两挡开关在 Preview 与 Edit 之间切换，页面不重新挂载。Preview 保留页面按钮、链接等点击行为，页面可以正常使用。Edit 下单击选中元素、双击打开浮动编辑弹窗，页面本身不被替换。每次切换都要等页面确认后才接受下一次点击，所以连点不会让页面在错误的模式下被激活。

编辑元素

切到 Edit，单击要改的元素高亮它，再双击打开弹窗。对于覆盖在文字上的透明控件，点文字选中的是文字叶子节点，点控件周围选中的是它的框。弹窗里的 Parent 动作向上选择容纳它的元素，包括边框太细、没法直接点中的分组。空间够时弹窗开在预览旁边，视口窄时贴在底部。一有草稿，工具栏立刻显示 Unsaved；Cancel 丢弃它。

移动元素

拖动选中框上的手柄。块级元素用 CSS translate 移动；行内文字元素用相对 left/top 偏移，因为浏览器不会平移普通的行内盒。弹窗里 Save 保留新位置，Cancel 恢复原来的行内声明。

编辑样式

弹窗可以改字号、字重、行高、字距、文字颜色、背景色、内边距、外边距与圆角。保存后的覆盖样式立即作用于预览框，并随这次评审一起留存。

编辑文本

恰好有一个非空直属文字节点的元素，会在输入框里暴露这段文字，即使它同时还有子元素。父容器不能替换后代的文字，也无法在多个直属文字段之间猜。弹窗标题栏标出所选标签与 CSS 选择器，右侧是紧凑的 Parent 与 Copy。Copy 把所选元素的 CSS 选择器放进剪贴板，便于把精确改动转给别人，元素没有可编辑直属文字时也能用。弹窗里 Save 改变预览框，并把文本替换留作待写入文件的改动。

删除元素

Delete element 把所选元素及其后代移出预览。在 Save to file 从 HTML 源码里删掉那个确切的元素之前，工具栏一直显示 Unsaved。Undo deletion 恢复所有还没写进文件的删除。文档根元素（html、head、body）不能删除。

写回文件

Save to file 把样式、文本与删除改动写进 HTML 文件本身。在那之前，这些改动存在产物旁边的评审文件里，加载时重新应用；预览自己从不写 HTML。

- Applied —— 选择器在文件里定位到了。
- Skipped —— 选择器无法在源码里唯一定位（例如元素由脚本生成、id 重复，或同级路径变得有歧义）。预览会如实报告，而不是谎报成功。

文本替换只支持只有一个非空直属文字节点的元素；子标记保留，多个直属文字段一律拒绝。写文件成功后，那次已提交的改动会清掉 Unsaved 状态。

注意事项

- 相对路径的页面资源不会被打进这个预览。 内联 CSS 与脚本的 HTML 直接渲染；指向同目录 CSS、JavaScript、图片或字体的链接，需要另有一条资源加载通路才能出现在这个隔离框里。
- Save to file 够不到只在页面脚本运行后才存在的元素。 选择器是在源码树上解析的，所以页面 JavaScript 创建的元素会被报成 skipped，而不会被写到别处。
- 脚本可以把本来完全相同的同级元素换位。 同级数量不变时，单靠一条选择器路径无法证明被移动的 DOM 节点来自哪个作者写的同级元素。要写回文件的元素请用稳定的 id；否则保存后自己看一眼文件。
- 改动以源文本 span 改写落地，不重新序列化 DOM。 文件保留自己的注释、格式与原有结构，只替换改动定位到的那几段。
- 文件里其余的字节逐字保留。 样式或文本改动只替换定位到的那个属性或文字节点，删除只移除该元素完整的源 span（含子节点）。

许可

插件本体是 Apache-2.0——见 LICENSE 与 NOTICE。它不含任何 DeepSeek Harness 源码：harness 包是从运行中的宿主解析的 peer 依赖。

它的两个运行时依赖各自保留自己的许可：parse5 是 MIT，@deepseek-ai/dsh-atomic-write 是 MIT。

延伸阅读

- AGENTS.md —— 安装变体、构建、组合与部署生效语义、发版、技术决策、测试与排查。
- dsh-ui-beautify —— 姊妹插件，挑选 harness 的正文与代码字体。
- DeepSeek Harness 文档。