宋词名家生平可视化工具
Overview
这是一个「成品打包型」技能:完整可运行的交互网页已放在 assets/songci/ 下,无需从零重写。调用本技能的任务是把成品交付出去——复制到工作目录、打开预览、按需部署上线,或按用户要求扩充词人数据。成品为纯静态站点(单页 index.html + 4 个数据/资源脚本 + 80 段真人语音),无后端依赖,双击即可运行。
何时使用
在以下场景使用本技能:
- 用户要「打开 / 展示 / 预览」这个宋词名家生平可视化工具;
- 用户要「发布 / 上线 / 部署」它,生成在线分享链接;
- 用户要「加词人 / 扩充数据 / 补充某位词人的生平轨迹与语音」;
- 用户要「重新生成 / 重建」这个工具(此时直接复制成品即可,不必重写代码)。
触发词示例:宋词可视化、词人生平地图、人生轨迹地图、词人漫游、语音讲述词人一生、北宋词人地图、李清照/苏轼/辛弃疾生平轨迹、宋词名家可视化工具。
快速开始(三步)
- 复制成品:将
assets/songci/整个目录复制到目标工作目录(例如cp -r assets/songci /path/to/目标目录/),保留内部文件名不变(index.html通过相对路径引用data.js、avatars.js、avatars-full.js、narrations.js与audio/)。 - 打开预览:用
present_files打开index.html(本地 HTML 会自动进入预览面板)。 - 按需部署:用户要求分享/上线时,用
workbuddy_sites_deploy以language: "static"、entryHtml: "index.html"发布该目录,得到在线链接。
定制与扩充词人
成品的数据层是数据驱动的:新增或修改词人只需改数据,不改页面代码。当用户要求「涵盖更多词人 / 补全某位词人」时,加载 references/customize.md,其中包含:
data.js的诗人与 timeline 节点字段约定(含坐标体系、境遇评分、转折标记);narrations.js的口语化播报文案结构,以及用 edge-tts 生成语音的命令与音色选择;avatars.js(圆形头像)与avatars-full.js(全身透明立绘)的 base64 结构;- 用搜索引擎(WebSearch / domain_search)搜集词人生平 → 映射为节点的完整流程。
资源清单
assets/songci/— 完整成品(index.html、data.js、avatars.js、avatars-full.js、narrations.js、audio/*.mp3、README.md)。交付时整体复制。references/customize.md— 扩充词人 / 修改数据 / 重新生成语音的详细指南,按需加载。