Reseezhang/vizcb-codeblock-visualizer ↗★ 0
vizcb-codeblock-visualizer
Render svg/html/mermaid code blocks as diagram cards (v3: host-side mermaid rendering).
AI 분석
核心用途是在对话中直接预览和交互 SVG、HTML 或 Mermaid 流程图。适合经常需要 AI 生成前端代码、矢量图或架构图并希望直观预览的用户。
설치
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:Reseezhang/vizcb-codeblock-visualizer配置
默认值见 lib/index.js 的 DEFAULTS。在 profile 级 cordis.patch.yml 按 id 覆盖：
- id: vizcb-codeblock-visualizer
config:
maxBlocks: 8 # 每条消息最多渲染块数
maxBlockChars: 65536 # 单块最大字符数
retryDelayMs: 2000 # 空结果重试间隔
minSvgHeight: 120 # SVG 无 viewBox 时的兜底高度
mermaidEnabled: true # 是否渲染 mermaid
mermaidTextColor: "#E5E7EB" # mermaid 深色主题文字/标签颜色（对齐宿主色板）
mermaidLineColor: "#4F8CFF" # mermaid 连线/箭头/生命线颜色
htmlAllowScripts: false # HTML iframe 是否允许脚本（安全权衡，默认关）