用途
该技能用于生成 HTML 格式的时间线与路线图视图。资料指出，凡是带时间轴的事物，例如路线图、回顾、发布历史、故障时间线、Sprint 计划，都适合用横向时间呈现。
触发场景
当出现以下需求时可使用：为某主题制作路线图、时间线或甘特图；规划下个季度、半年或年度；可视化发布历史、Sprint 计划或项目排期；构建展示某事件如何展开的回顾时间线；梳理故障时间线；以及任何时间顺序重要且时间跨度可见的说明场景。
输出要求
时间横向排列，左侧为过去、右侧为未来。在手机上时间改为纵向，条形渲染为堆叠卡片，这是该技能的响应式折叠方式。输出需包含：粒度合适（故障按天、Sprint 按周、路线图按月、年度计划按季度）的清晰时间轴；若时间线跨越当前时间，需有“今天”标记。
核心结构
页头含标题、覆盖的时间范围、最后更新时间；时间轴位于顶部并带主次网格线；泳道为横向行，每个工作流、团队或类别一行；条目为按时间定位、按时长定宽的条形或药丸；依赖为条目之间的箭头，表示后者需前者完成后才能开始；里程碑为特定日期的竖向标记；图例说明状态颜色与形状约定；详情面板支持点击条目查看完整信息。
六种模式
模式 A 前瞻式路线图：每条团队或领域一条泳道，每个举措一个条形并按时长定宽，状态药丸分为 Planned、In Progress、At Risk、Shipped，顺序重要处加依赖箭头，并有“今天”线；粒度为月或季度，不要假装拥有更高精度。
模式 B Sprint 或迭代计划：粒度更细，按天或周，泳道按个人或工作流划分，条目信息更多，状态每日更新，常在汇总面板显示速度指标。
模式 C 发布历史：回顾式，每个发布是带版本标签的里程碑，可标注重大事件（故障、招聘、决策），适合回顾与新人了解项目背景。
模式 D 项目回顾时间线：呈现特定项目的历程，标出决策点，顺利的事用绿色、不顺利的用红色，可加自由文本注释，并可选展示“替代路径”分支。
模式 E 故障时间线：分钟级粒度，事件按检测、升级、缓解、解决堆叠并加注释，按严重程度或负责人配色，常有合成出的“用户影响”泳道。
模式 F 带关键路径的甘特图：用于有硬依赖的项目规划，突出关键路径，显示缓冲余量，并多处使用依赖箭头。
状态与依赖约定
状态词汇固定：🟢 按计划或已交付为实心绿，🟡 有风险或延期为实心琥珀，🔴 受阻或失败为实心红，⚪ 未开始或计划中为描边，➖ 已取消为删除线或弱化。即使认为显而易见，也应显示图例。依赖箭头应克制使用，只在硬依赖、跨团队交接、关键路径处显示，不要为仅仅位置相邻的条目画箭头。
密度与注释
高密度适用于 6 条以上泳道且条目紧凑，使用小字号、分组、点击展开；中密度适用于 3 至 5 条泳道，是多数情况的默认；低密度适用于 1 至 2 条泳道、大条目与大间距，用于单一项目弧线的重点时间线。面向领导层的简报应比内部 Sprint 计划密度更低。挂在具体日期上的自由文本注释能让时间线讲故事，而不只是展示排期，但要克制并锚定到具体日期。
反面模式
路线图用季度粒度却给出精确到天的日期；所有条形都是绿色，使状态药丸失去意义；每个相邻条目都画箭头；忘记“今天”标记；看起来权威但已过时的路线图。
输出基础
每个产物生成真实 .html 文件写入磁盘，文件名形如 topic-kind.html，自包含内联 CSS 与 JS，无构建步骤，除本技能说明外不从 npm 或 CDN 引资源。使用完整文档外壳，包含 doctype、带 lang 的 html、head 中以 meta charset 开头，再加 viewport 与 title。移动端在约 700px 以下折叠为单列。localStorage 仅用于进行中状态，并按产物前缀隔离，不存掩码或秘密值。使用语义化可复制 HTML，如 pre code、table、内联 svg，不用截图。安全构建 DOM，避免 innerHTML 注入。SVG 文本不会换行，需按标签宽度定尺寸或使用 foreignObject。主题令牌放在 :root，选择与领域匹配的审美。可打印且无障碍，满足对比度、键盘可达与焦点可见，状态同时用形状或文字表达。被反复查看的产物需在页脚显示最后更新时间。剪贴板写入使用共享辅助函数。默认本地 HTML，存在 Artifact 工具时可加发布按钮。
示例
提示词示例：为接下来两个季度构建 HTML 路线图，三条泳道（Platform、AI、Infra），共八个举措，含状态药丸，在 Platform 阻塞 AI 处加依赖箭头，标注今天。输出为带六个月月度列的时间轴、三条泳道、八个按时长定位定宽的条形、状态药丸、两个从 Platform 指向 AI 的依赖箭头、“今天”竖线和点击展开详情。
限制
资料未提供该技能的具体收费方式、价格、支持的平台端与性能数据，暂未提供。