dsh-visualizeA74

dsh plugin --profile web add github:Nagi-ovo/dsh-visualize

The author hasn't published to npm, so this command installs from git source. pnpm ≥ 10 refuses to run a git dependency's prepare script until you grant it, so your first install needs an allowBuilds entry in that profile's pnpm-workspace.yaml — which means letting this package's code run on your machine. Pin a #commit while you're at it.

The name after --profile is a profile name you choose yourself — swap in whichever one you use.

The model writes an HTML fragment, then calls visualize(path, title?, mode?), and the card appears in the conversation stream. You can simply ask for "an adjustable visualization of a sorting algorithm" and let it handle the rest; side-by-side comparisons use mode: "wide". Cards follow the DSH light or dark theme and whale-blue palette, and session replay restores them from the persistent tool result, so the original fragment file does not need to stay on disk. The security boundary is stated plainly: each card runs in a sandboxed iframe with an opaque origin and cannot reach the host page, its CSP blocks network requests, nested pages and form submissions while allowing static assets from a fixed set of CDNs, and fragments are capped at 1000000 bytes by default. The limits are equally plain — interactive cards render only in the Web UI, while TUI and headless clients show the standard tool result.

• ▸The model calls visualize(path, title?, mode?) to render an interactive card in-conversation; mode: "wide" for side-by-side
• ▸Sandboxed iframe with opaque origin; CSP blocks network requests and form submissions; 1000000-byte fragment cap
• ▸Session replay restores cards from the persistent tool result; Web UI only, TUI/headless fall back to the standard result

对话内生成式交互卡片插件，提交构建产物免装机构建；作者 1.9 万星既往

Drop it into your README — it links back to this page.

Badge (inline)Copy Markdown

[![dshfind](https://dshfind.com/api/badge/Nagi-ovo/dsh-visualize)](https://dshfind.com/en/plugins/Nagi-ovo/dsh-visualize?ref=badge)

Card (440×200)Copy Markdown

[![dshfind](https://dshfind.com/api/card/Nagi-ovo/dsh-visualize)](https://dshfind.com/en/plugins/Nagi-ovo/dsh-visualize?ref=badge)