alaliqing/dsh-annotate 预览 preview

alaliqing/dsh-annotate

Plugin插件 ⭐ 6 MIT Sessions & Context会话与上下文

Visual annotation plugin for DeepSeek Harness: select elements in local app previews and send structured UI feedback to your agent.

Project Overview项目介绍

dsh-annotate is a local visual review plugin built specifically for the DeepSeek Harness web client, distributed as a DSH-native cordis plugin through the npm registry. It integrates by appending a single - insert: name: dsh-annotate block to $DSH_HOME/profiles/web/cordis.patch.yml, typically ~/.dsh/profiles/web/cordis.patch.yml, which the Web profile consumes on restart; the installed package is mounted via dsh plugin --profile web add dsh-annotate or pnpm linking, and npx @deepseek-ai/dsh web is the equivalent entry point for users of that launcher. Its name, packaging, and profile-driven install path are all DSH-specific, with no other agent platform involved.

The intended workflow is straightforward: a developer starts their app's development server, opens a Harness conversation, and presses ⌘/Ctrl⇧B or clicks the Annotate button to summon the side panel. The plugin then auto-discovers loopback IPv4 and IPv6 services, prefers those tied to the current workspace, and lists static index.html, dist/, build/, out/, and public/ pages under their own heading; users click Mark, select an element, type a note, and numbered markers stay anchored through scrolling, resizing, and layout shifts. The review can be added to the composer or sent on its own, and annotations plus drafts are scoped per conversation and per full app URL, so routes restore independently and conversations never cross-share notes.

It targets frontend engineers collaborating through DSH, especially React projects that benefit from selector, component chain, computed styles, and visible-text context. Dependencies are Node.js 20+, pnpm 10 on PATH, and the dsh CLI; targets are restricted to localhost, 127.0.0.1, and [::1], and the cookie model is fully validated only in Chromium, while strict CSP, service workers, Shadow DOM internals, cross-origin child frames, and individual canvas objects may still require a normal browser. Default behavior is read-only over already-running processes; process control requires an explicitly configured command, React component names demand a dev build, visible text is capped at 120 characters, static files are served read-only with a 64 MiB per-file ceiling and no dotfiles, abandoned previews expire after five minutes, and the project is MIT-licensed with NOTICE attribution as an independent community plugin unaffiliated with DeepSeek.

dsh-annotate 是一款面向 DeepSeek Harness(DSH)Web 客户端的本地视觉审阅插件,作为 DSH 原生 cordis 插件存在。它在本地读取 $DSH_HOME/profiles/web/cordis.patch.yml,把名字插入该 profile 即可启用,无需改动会话。用户通过 dsh plugin --profile web add dsh-annotate 或 pnpm 将已发布的 npm 包挂载到 Web profile,重启后点击 Annotate 即可呼出面板。它专为 DSH 打造,名称与打包方式均围绕 dsh-* 与 cordis.patch.yml,与其他 Agent 无关。

使用流程很简单:启动本地开发服务器,打开 Harness 会话,按 ⌘/Ctrl⇧B 或点击 Annotate 调出面板;从自动发现的环回服务、静态页面或自定义端口中选择目标;点击 Mark 选元素、写批注,编号标记会跟随滚动和布局变化;完成后通过 Add to composer 或 Send annotations 把结构化审阅送回对话。它面向用 DSH 协作的前端工程师,尤其是 React 项目,能让模型直接拿到选择器、组件链、计算样式与可见文本。

依赖方面要求 Node.js 20+、pnpm 10 在 PATH 中,并把 dsh 与 npx @deepseek-ai/dsh 视为同义调用源;仅探测环回地址,预览使用临时 loopback origin 并通过消息来源与 origin 校验,仅 GET/HEAD 单文件 64 MiB 上限。React 组件名需要 dev 构建,可见文本截断 120 字符;严格 CSP、Shadow DOM 内部、跨源子框等场景需要常规浏览器。该工具默认只读取已运行的进程,进程控制需显式配置命令;遵循 MIT 许可并附带 NOTICE,属于独立社区插件,与 DeepSeek 官方无附属关系。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 2 warnings2 项注意
  • Only 6 stars - very few users, little community feedback星标只有 6,几乎没人在用,遇到问题缺少社区反馈
  • No DSH plugin manifest detected - it may only carry the dsh-plugin topic, so the install method must be confirmed on the spot未检测到 DSH 插件清单:可能只是打了 dsh-plugin 话题,安装方式要现场确认
DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

  • DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
  • External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时(Electron / Python / Docker 等)是否齐备
  • Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突:命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

  • Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致,是否归档或长期停更
  • Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
  • curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
  • Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
  • Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需(filesystem / network / shell / clipboard)
  • Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限,以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照,不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装(适合开发者)

CLI Install命令行安装

dsh plugin --profile web add dsh-annotate@0.1.14

把 alaliqing/dsh-annotate 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

dsh-annotate

English · 简体中文

CI npm License: MIT Node.js 20+

Point at the UI. Give your coding agent the exact context.

dsh-annotate adds a visual review panel to DeepSeek Harness Desktop and its web client. Open a local app, click the elements you want changed, leave notes, and send the whole review to your conversation as structured text.

dsh-annotate showing a local app, an annotation list, and a numbered marker

⌘/Ctrl ⇧ B → choose a local app → Mark → click → comment → send

Install

Give a coding agent this prompt:

Read https://github.com/alaliqing/dsh-annotate and install dsh-annotate into the current local Harness profile following its README. Preserve existing configuration and keep the current task running. Report the installed version and explain how to restart after the task finishes.

The commands below install 0.1.14 and can also upgrade an existing install.

Desktop (macOS)

Open Desktop once to initialize its profile. It can stay open during installation. Use its bundled CLI; with the app installed in /Applications:

"/Applications/DeepSeek Harness.app/Contents/Resources/runtime/cli/bin/dsh" plugin --profile desktop add dsh-annotate@0.1.14

Adjust the app path if needed. After the current task finishes, fully quit and reopen Desktop, then click Annotate or press ⌘/Ctrl⇧B.

Web

With the web CLI, Node.js 20+ and pnpm available, run:

dsh plugin --profile web add dsh-annotate@0.1.14

Replace web with your profile name if needed. After the current task finishes, restart that profile and refresh the browser, then open Annotate.

If installation fails, the panel is missing after restart, or you are upgrading 0.1.2 or earlier, see installation troubleshooting. See compatibility for tested versions.

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要,完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

← 上一个 Prev dsh-duet 下一个 Next dsh-opencode-go-box →