真实操作案例设计与视觉创意
制作流程图与架构图: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 输入框提交,由在线模型读取资料并调用工具实际执行。本例核对本地演示任务与实际生成的文件,结果和检查方法见下文。
产物、结果与复核
输入
读取了 project-brief.md 与 ENVIRONMENT.md。项目是合成需求:学校图书角 120 个座位;学生预约、取消预约;管理员管理和每日统计;个人信息仅保存学号哈希;数据保留期、上线日期、外部通知渠道待确认。
处理步骤
- 将用户流程拆分为用户界面、业务服务、数据存储、外部通知四类边界。
- 为查看可用座位、预约、取消、管理员统计分别建立节点和箭头。
- 将预约和取消都连接到数据写入、审计记录及通知编排;把外部通知标成“待确认”。
- 使用同一套节点命名生成可编辑 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
下载本次实际产物

