DSH Plugins Marketplace

DSH Plugins

Plugins

/

UI & Experience

/

dsh-rich-cards

d

dsh-rich-cards

Manifest valid

Renders the final fenced card block of an answer as a typographic card, with card and article layouts, twelve block types and credited images.

UI (client)hasBundlePatch
Rich Cards

DSH plugin 12 block types card or article MIT

让 DeepSeek Harness 的回答排版变得更好:标题、导语、要点、数据、时间线、配图。


它长这样

NS 方程卡片百事可乐发展史卡片
card 布局:公式、定义、对比article 布局:长文、时间线、来源
DeepSeek logo 卡片,配图来自 Wikimedia Commons
article + 真实配图:写卡前先查一张图,代码块的抬头和灰框会被隐藏

安装

dsh plugin --profile <你的 profile> add link:/path/to/dsh-rich-cards

装完刷新窗口即可,卡片渲染在回答末尾,不用重启会话。

用法

模型会自己在合适的回答末尾写一个 card 围栏块:

```card
{
  "title": "一句话答案",
  "kicker": "分类 · 主题",
  "lead": "导语",
  "accent": "indigo",
  "blocks": [
    {"type": "paragraph", "text": "正文"}
  ]
}
```

也可以自己手写——渲染器只认 card 这个 info string,正文必须是合法 JSON。

配图也是这个约定的一部分:讲人物、地点、作品时先查一张真图(Windows 上用 curl 走维基图库接口),查到就配上 url + 说明 + 来源;两三次查不到就安静地不配图,不在正文里交代“接口被拦”“没找到配图”——缺图不是新闻。

块类型作用
heading paragraph小节标题、正文段落
bullets steps chips要点、步骤、标签
stats2–4 个关键数字
kv左右对照的键值行
callout quote提示框(info / tip / warn)、引用
timeline带年份的事件线
image真实 URL + 说明 + 来源
divider分隔线

顶层还有 layout: "card" | "article"(article 去掉卡片外壳,按文章排版)、sources(底部来源标签)、footer。

原理

  • 宿主端:往系统提示里加一段写作约定,教模型用围栏块收尾,不注册任何工具。
  • 浏览器端:MutationObserver 扫描回答里的代码块,正文能解析成卡片就隐藏代码、在原位挂一张卡;解析失败就原样留着。

失败即降级(fail open):卡片写坏最多显示成一段代码,永远不会中断整轮回答——这也是它不用工具调用传参的原因。

更长的版本(为什么这么设计、两条通道的取舍、拆壳的细节)在 docs/intro.md。

已知边界

  • 一张回答只渲染一张卡(最后一张生效);
  • 卡片位置固定在回答末尾,不能插到段落中间;
  • 解析靠 DOM 匹配,主题改动代码块结构时可能失效。

License

MIT

Comments

Loading…

Similar plugins

dsh-balance-card

by Utmotc

Shows the API balance of the provider behind the current model as a dsh Web sidebar card, with per-package progress bars, currency/credit-aware units, a settings tab, and subscription and credit quota

UI & ExperienceManifest valid

★ 0

MIT

JavaScript

Sep 29, 2026

dsh plugin --profile web add @utmotc/dsh-balance-card

by liqiming-whu

Adds a configurable dsh-ui status card before each DSH agent reply, with bilingual templates and a live settings preview. Requires @omdsh-dev/dsh-genui from dsh-market; without it, the card markup is

UI & ExperienceDevelopment & InfrastructureManifest valid

★ 1

MIT

TypeScript

Aug 20, 2026

dsh plugin --profile web add dsh-status-card

by yaodongH

DSH Web 插件:Codex 风格的改动汇总卡片,替换对话末尾的产出 chip 行。

Development & InfrastructureManifest valid

★ 0

MIT

TypeScript

Sep 24, 2026

dsh plugin --profile web add dsh-better-summary

by TikaFlow

Auto-fills reasoning-efforts, context windows, output limits and image modality for models from unofficial (custom) providers, with data from models.dev. Also provides setting cards to control plugin'

Models & ProvidersManifest valid

★ 17

MIT

TypeScript

Oct 22, 2026

dsh plugin --profile web add dsh-model-fix

Folds long composer drafts into a compact summary card once a character threshold is reached, without changing message submission.

UI & ExperienceManifest valid

★ 0

dsh plugin --profile web add @ztyss/dsh-draft-fold

by Nagi-ovo

在 DSH 对话中生成交互式可视化|Render model-generated interactive cards inside DSH conversations

UI & ExperienceManifest valid

★ 317

BSD-3-Clause

TypeScript

Oct 18, 2026

dsh plugin --profile web add @dsh-external/dsh-visualize