真实操作案例设计与视觉创意

制作流程图与架构图:Tokeny 实操案例

将预约系统的用户流程和模块关系画成 SVG,输出可编辑 Mermaid 源码与说明;区分用户界面、业务服务、数据存储和外部通知。

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

准备这次任务的输入

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

  • project-brief.md
下载输入样例

把任务交给 Tokeny

将预约系统的用户流程和模块关系画成 SVG,输出可编辑 Mermaid 源码与说明;区分用户界面、业务服务、数据存储和外部通知。

交付文件:flow.svg、architecture.svg、diagrams.mmd。
验收要点:
- 预约和取消都有路径
- 节点、箭头不互相遮挡
- 待确认的外部通知被标明
这是使用合成演示输入或指定公开资料的真实操作案例。请先读取工作空间输入,再实际生成文件并自检。所有写入、脚本与临时服务限于当前工作空间;临时服务只监听 127.0.0.1,执行后关闭;不触达外部收件人、不发布、不付款、不更改系统设置,不调用子智能体。需要公开资料时可读取给定 URL。只启用完成任务必需的工具。另写 report.md(中文)和 report.en.md(英文),简洁、完整,包含输入、处理步骤、真实结果、检查方式和局限;失败或未验证部分如实记录,不能宣称成功。最终回复用中文列出产物、关键结果与待核实项。

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

实际执行过程

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

Tokeny 1.7.8 中「制作流程图与架构图」的真实执行会话与生成文件。点击可查看原图。
Tokeny 1.7.8 中「制作流程图与架构图」的真实执行会话与生成文件。点击可查看原图。
本次生成文件的实际预览;内容来自可下载的产物。
本次生成文件的实际预览;内容来自可下载的产物。
architecture.svg 的真实浏览器预览。
architecture.svg 的真实浏览器预览。

产物、结果与复核

输入

读取了 project-brief.md 与 ENVIRONMENT.md。项目是合成需求:学校图书角 120 个座位;学生预约、取消预约;管理员管理和每日统计;个人信息仅保存学号哈希;数据保留期、上线日期、外部通知渠道待确认。

处理步骤

  1. 将用户流程拆分为用户界面、业务服务、数据存储、外部通知四类边界。
  2. 为查看可用座位、预约、取消、管理员统计分别建立节点和箭头。
  3. 将预约和取消都连接到数据写入、审计记录及通知编排;把外部通知标成“待确认”。
  4. 使用同一套节点命名生成可编辑 Mermaid 源码和两份独立 SVG。

真实结果

  • flow.svg:用户流程图,包含预约、取消、管理员统计和待确认通知路径。
  • architecture.svg:模块架构图,按四类边界分区。
  • diagrams.mmd:可编辑 Mermaid 源码,包含流程图源码及架构草稿。
  • report.md、report.en.md:本说明的中英文版本。

检查方式

已逐项检查文件存在、SVG XML 根元素、标题/说明、箭头标记、预约与取消节点、四类边界文字及“待确认”标记;同时检查了 Mermaid 源码包含预约服务、取消服务和外部通知渠道。布局使用分区、固定节点尺寸和分开的连线坐标,避免节点与箭头相互遮挡。

局限与待核实项

本次使用合成输入,未连接真实预约数据库、身份认证或通知供应商;未执行浏览器渲染或 Mermaid CLI 渲染,因此 SVG 的 XML 结构已检查,但不同 Mermaid 渲染器对 architecture-beta 的支持和最终视觉效果仍需在目标工具中复核。外部通知渠道、通知内容、数据保留期、上线日期和并发/冲突策略仍需业务确认。

下载产物,自己核对

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

  • 预约和取消都有路径
  • 节点、箭头不互相遮挡
  • 待确认的外部通知被标明
flow.svg · 6 KBarchitecture.svg · 5 KBdiagrams.mmd · 2 KBreport.md · 2 KBreport.en.md · 2 KB
下载本次实际产物

继续探索同类场景