真实操作案例教育与学习辅助

思维导图生成:Tokeny 实操案例

把课程大纲转为层级清楚的思维导图 SVG、HTML 和 Mermaid 源码,保留父子关系,避免遗漏分支。

作者:Tokeny 团队 · Windows · Tokeny 1.7.8 · gpt-6-sol

准备这次任务的输入

在 Tokeny 中新建工作空间,将下载的样例解压到工作空间,选择支持工具调用的模型。本例使用合成演示数据或文中列出的公开资料。

  • outline.md
下载输入样例

把任务交给 Tokeny

把课程大纲转为层级清楚的思维导图 SVG、HTML 和 Mermaid 源码,保留父子关系,避免遗漏分支。

交付文件:mindmap.svg、mindmap.html、mindmap.mmd。
验收要点:
- 4 个主分支、8 个叶节点
- 文字清晰不重叠
这是使用合成演示输入或指定公开资料的真实操作案例。请先读取工作空间输入,再实际生成文件并自检。所有写入、脚本与临时服务限于当前工作空间;临时服务只监听 127.0.0.1,执行后关闭;不触达外部收件人、不发布、不付款、不更改系统设置,不调用子智能体。需要公开资料时可读取给定 URL。只启用完成任务必需的工具。另写 report.md(中文)和 report.en.md(英文),简洁、完整,包含输入、处理步骤、真实结果、检查方式和局限;失败或未验证部分如实记录,不能宣称成功。最终回复用中文列出产物、关键结果与待核实项。
排版检查:Word 主标题仅出现一次,标题为黑色且与后续正文或表格保持同页;Excel 表头和长文字不能被窄列截断,合理设置列宽、换行、行高;HTML 在 390px 视口不能整页横向溢出。报告没有固定字数要求,不要为字数反复改写。

本次使用独立演示工作空间。复现时,请根据自己的文件与权限设置检查操作,确认后继续。

实际执行过程

任务从 Tokeny 输入框提交,由在线模型读取资料并调用工具实际执行。本例核对本地演示任务与实际生成的文件,结果和检查方法见下文。

Tokeny 1.7.8 中「思维导图生成」的真实执行会话与生成文件。点击可查看原图。
Tokeny 1.7.8 中「思维导图生成」的真实执行会话与生成文件。点击可查看原图。
本次生成文件的实际预览;内容来自可下载的产物。
本次生成文件的实际预览;内容来自可下载的产物。

产物、结果与复核

输入

读取工作空间文件 outline.md。内容为“数据素养”课程大纲:4 个一级分支(提出问题、收集数据、分析、沟通),每个分支各含 2 个叶节点,共 8 个叶节点。

处理步骤

  1. 按原始 Markdown 标题层级解析根节点、一级节点和二级节点。
  2. 将 4 个一级分支分别放置在中心节点的左上、右上、左下、右下区域;每个分支连接两个叶节点。
  3. 生成固定视图盒的 SVG、内嵌 SVG 的响应式 HTML,以及 Mermaid mindmap 源码。
  4. 为 HTML 设置 width: 100%、viewBox 和 overflow-x: hidden,适配窄屏展示。

真实结果

  • mindmap.svg:已生成,包含中心节点、4 个主分支和 8 个叶节点。
  • mindmap.html:已生成,包含可直接打开的响应式思维导图和分支图例。
  • mindmap.mmd:已生成,保留根节点到叶节点的 Mermaid 层级关系。
  • 主分支计数:4。
  • 叶节点计数:8。
  • 输入节点均已映射,无遗漏分支。

检查方式

  • 逐项比对 outline.md 的 1 个根节点、4 个二级标题和 8 个三级标题。
  • 检查 SVG 与 HTML 的 viewBox、节点坐标及连接线:各节点有独立空间,连接线不穿过节点文字。
  • 检查 HTML CSS:页面和 SVG 使用流式宽度,390px 视口下不依赖固定页面宽度。
  • 实际通过 127.0.0.1 浏览器打开 HTML,页面加载成功且可访问性树识别到标题、导图和 4 个主分支。
  • 检查 Mermaid 源码:使用一个 root、4 个一级缩进节点和每个一级节点下的 2 个叶节点。

局限

  • 浏览器扩展侧的 390px iframe 脚本检查超时,未完成像素级横向溢出测量;目前仅完成 CSS 静态检查和页面加载检查,不能宣称已通过像素级移动端验收。
  • 未调用 Mermaid 渲染引擎;Mermaid 的最终视觉主题由渲染器决定,源码层级已完成检查。SVG/HTML 文字实际字形会受本机中文字体影响。
  • Mermaid 的最终视觉主题由渲染器决定;源码层级已完成检查。

下载产物,自己核对

压缩包保存本次执行生成的文件。替换成自己的资料后,可以按下面的检查点验收。

  • 4 个主分支、8 个叶节点
  • 文字清晰不重叠
mindmap.svg · 5 KBmindmap.html · 7 KBmindmap.mmd · 1 KBreport.md · 2 KBreport.en.md · 2 KB
下载本次实际产物

继续探索同类场景