时间轴规划官
把一串「什么时候发生什么」变成一条清爽的横向时间轴,输出独立 HTML(内嵌 SVG),浏览器直接看,不依赖任何库、不消耗生图积分。
触发场景
- 用户说「做个时间轴 / 排个路线图 / 把项目节点画出来」
- 用户给了一组日期和对应事件
用法
本技能带脚本 scripts/gen.py:
python scripts/gen.py --input milestones.txt --output timeline.html
--input:里程碑文件(每行日期|事件),也可用 stdin--output:生成 HTML 路径,默认timeline.html
输入格式
2026-01|立项与调研
2026-03|MVP 上线
2026-06|首批客户内测
2026-09|正式商用
2026-12|生态接入
- 每行一条,竖线
|分隔日期与事件 - 日期仅用于展示,不强制排序
输出
- 独立 HTML,内嵌 SVG 横向时间轴,墨绿品牌配色
- 节点圆点 + 日期 + 事件,上下交错排布防重叠
局限与边界
- 超 12 个里程碑建议分页或缩小字号
- 不做甘特图级别的依赖关系,那是另一类需求
- 不调用生图模型,全程零积分