dsh 渲染插件全图解:让 AI 的回答从纯文本变成图表、动画和新闻排版

dsh-raw-html 第三弹实测:8 张截图走完「装插件 → 换主题 → 第一张渲染卡 → 图表 → 动画 → 风格系统 → 新闻卡 → 提问实战」全程,每张图都能跳回源视频。

最近更新: 2026-09-25

DeepSeek Harness 聊天里渲染出柱状图数据卡,旁边 VCP 渲染设置浮层中渲染 HTML 与美学注入均已开启 — VCP 渲染设置浮层:渲染 HTML、美学注入双开关全开——回答从此能被看见

默认的 DeepSeek Harness 会话是「能被读到」的:回答是纯文本,过程埋在工具轨迹里,想看个数据还得自己脑补表格。装上 dsh-raw-html 渲染插件之后,回答变成「能看到」的:HTML 卡片、图表数据卡、canvas 动画、新闻晚报排版,直接长在聊天流里。

本页 8 张截图全部取自 B 站 UP 主「爱喵喵的栗子」的实测视频(单源,无 CC 字幕),每张图都带时间戳链接,点一下就跳回源视频对应位置。截图里加载的「蓝沙·鲸鱼娘女仆」是社区主题皮肤——这是 dsh 主题系统的正常用法,也是渲染能力的展示载体;默认 UI 为浅色简约风。

三句话看懂

▸dsh-raw-html 是一个 VCP 预览渲染协议规范插件:装上后打开「</> 渲染」开关,AI 回复里的 HTML 卡片直接在聊天中渲染,即插即用、零配置。
▸能渲染的不止图文:融资柱状图与热力点阵、canvas 粒子动画、新闻晚报排版、KaTeX 公式、Mermaid 图表、内嵌视频,都能出现在卡片里。
▸安全有分层:标准模式对 script / iframe / on* 事件一律拦截,要跑脚本需切可信模式;主题管皮肤、插件管渲染,可以分开装。

DSH最强渲染插件,dsh-raw-html大更新第三弹!图表,动画,看视频!让大肥鱼彻底疯狂!爱喵喵的栗子 · Bilibili

在 Bilibili 观看

8 步装出「能看到」的聊天

第一组 · 装上与变身

1
改造前:纯文本回答与干巴巴的工具轨迹
默认浅色 UI 里,新会话只有一个输入框。视频在这一刻问了句天气:轨迹里连着三次上下文注入,还有一条 Tool call Error: Location not found: 上海,助手换成拼音 get_weather Shanghai 才拿到数据——全过程全靠逐行读日志,回答本身仍是一段纯文本。
探索未至之境 · 预览版
标准模式 · DeepSeek-V4-Flash · High
改造前:默认浅色 UI,回答是纯文本,过程埋在工具轨迹里。看源视频 0:30 处
2
换上社区主题,界面先「变身」
先加载「蓝沙·鲸鱼娘女仆」社区主题:背景换成水下宫殿,左侧立绘换成女仆,回复里还能贴一张「开心」贴纸。注意这一步只换了皮肤——聊天内容还是普通文本,渲染引擎要靠下一步的插件。
鸣哇!是先生的声音~咕噜噜~!
开心
截图为社区主题皮肤,默认 UI 为浅色简约风;此刻只有皮肤变了,渲染还没开。看源视频 1:18 处
3
第一张渲染卡:插件先自我介绍
发出「首先,我们这个插件,是用来干嘛的吖」之后,聊天流里长出第一张深色卡片:dsh-raw-html v0.6.0 · 补丁 v6.38 的介绍卡,分「渲染引擎」「vcp-fast 加速」「设计规范」三栏,右上角直接给「下载 HTML」按钮——AI 的回答第一次变成了界面。
dsh-raw-html v0.6.0 · 补丁 v6.38
渲染引擎 · vcp-fast 加速 · 设计规范
下载 HTML
插件先用一张卡片自我介绍:渲染引擎、vcp-fast 加速 1200→6800 格速、设计规范。看源视频 1:53 处

第二组 · 能看到的一切

4
图表数据卡:融资榜一眼看懂
让 AI 报一组数据,它会按「美学系统」里的青瓷蓝·数据风(PORCELAIN-DATA)输出整张数据卡:2026 上半年 AI 细分赛道融资柱状图,大模型以 320 亿美元一骑绝尘,自动驾驶 210、医疗 140、金融 120 紧随其后,下方再补一张北美洲 46 点、亚太 33 点、欧洲 14 点、其他 5 点的热力点阵。
大模型一骑绝尘,占上半年融资额三分之一
北美洲 46 点 · 亚太 33 点 · 欧洲 14 点 · 其他 5 点
图表卡自带柱状图与热力点阵,风格来自「美学系统」的青瓷蓝·数据风。看源视频 2:30 处
5
canvas 动画与可信模式的安全边界
动画是检验渲染的硬骨头。标准模式下 script / iframe / on* 事件一律拦截,canvas 只是一块深色空面板,HUD 三格(TRUSTED::EXECUTED、BALLS::14、BOUNCES::0)只是 CSS 写的静态文案;切到可信模式(extractTrustedScripts / flushTrustedScripts),粒子动画真的跑起来。卡片底部还放了「动画在跳」「只有空面板」两个对照按钮,方便亲手验证。
TRUSTED::EXECUTED · BALLS::14 · BOUNCES::0
动画在跳 / 只有空面板
标准模式拦下脚本只剩空面板;切到可信模式,动画真的在跳。看源视频 2:48 处
6
「美学系统」:给输出定一套设计规范
打开「美学系统」弹窗,里面是一排现成风格:青瓷蓝·数据风、侘寂·文学散文风、编辑部红·新闻晚报风、高透逐光玻璃·Y2K 未来风……每个预设都带色板与字体预览,点标题即可试装;挂载后整套设计规范会注入系统提示词,AI 的输出从此有版式。
美学系统
青瓷蓝·数据风 · 侘寂·文学散文风 · 编辑部红·新闻晚报风
点标题即可试装,色板、字体、排版规范一套带走。看源视频 3:30 处
7
新闻卡 A/B 对比:排版由插件 CSS 驱动
同一批当日新闻渲染成「AI 产业晚报(2026-08-29)」:「A · 无美学系统」只注入结构块,能画但不知道风格库存在,字体只能系统兜底;「B · 美学系统 wire-news」则按「编辑部红」的色板、字体、版式铅线排印。切一下 tab,差距一目了然。
AI 产业晚报(2026-08-29)
A · 无美学系统 / B · 美学系统 wire-news
A 只注入结构块,B 按「编辑部红」的色板、字体、版式铅线排印。看源视频 4:12 处
8
轮到你:打开渲染开关,提问
回到输入框,选中 dsh-raw-html 工作区,保持「</> 渲染」开着,把问题打出来发送——卡片就会像第 3 步那样长在聊天里。图表、动画、新闻排版,都从这一句提问开始。
首先,我们这个插件,是用来干嘛的吖
</> 渲染 · DeepSeek-V4-Flash · High
提问时刻:保持「</> 渲染」开着,发送后卡片就长在聊天里。看源视频 1:48 处

关于 dsh 渲染插件的常见问题

渲染引擎、主题皮肤、安全边界与性能,一次说清。

富渲染是插件还是主题?

是插件,主题只是皮肤。dsh-raw-html 这类插件负责渲染引擎——把 AI 输出的 HTML 卡片真正渲染进聊天;「蓝沙·鲸鱼娘女仆」这类社区主题只负责背景、立绘、字体等外观。两者可以分开安装,也可以像视频里那样组合使用:主题换皮,插件管渲染。

让 AI 输出 HTML 安全吗?

默认是安全的。标准模式对 script、iframe、on* 事件一律拦截,只渲染静态样式——所以没开可信模式时 canvas 只会是空面板;要执行脚本需显式切到可信模式(extractTrustedScripts / flushTrustedScripts),第 5 步的两个对照按钮演示的正是这个边界。

渲染会不会拖慢会话?

插件自带 vcp-fast 加速:靠缓存与增量渲染,哈希命中的部分不重画。卡片上的原话是格速从 1200 提到 6800,重渲染只处理增量、约提升 12 倍,长会话滚动时也依然流畅。

支持渲染哪些内容?

HTML 卡片、图表数据卡(柱状图、热力点阵)、SVG 与 canvas 动画、互动页面、新闻与书籍装帧排版、KaTeX 公式、Mermaid 图表和内嵌视频都可以。配合「美学系统」的青瓷蓝·数据风、编辑部红·新闻晚报风等预设,排版由插件 CSS 统一驱动。