Imagine — 可视化创作套件

1 · 指标卡片

用于展示关键数字摘要 — 收入、用户量、转化率等。

2 · 标签与状态徽章

语义化颜色传达不同状态：信息、成功、警告、危险。

3 · 数据图表 (Chart.js)

柱状图 / 折线图 / 环形图 — 用 Canvas 渲染，自动适配宽度。

4 · 选项对比卡片

并排展示方案 — 高亮推荐项，按钮触发深入对话。

5 · 数据记录卡

联系人、订单、工单等有界对象的标准呈现方式。

6 · 交互式解释器

滑块实时控制参数 — 适合讲解复利、物理公式等概念。

7 · 分步解说器

适合循环流程（事件循环、生化周期等）— 点击圆点切换阶段。

8 · 选项卡面板

多维度信息分组 — 概览 / 详情 / 日志等。

9 · SVG 流程图

节点可点击，触发 sendPrompt 深入询问。

10 · SVG 色彩系统

9 条色阶，每条 7 个色阶 — 自动适配深色模式。