skills/skills.volces.com/ultimate-horizontal-timeline-architect

ultimate-horizontal-timeline-architect

Installation
SKILL.md

核心动作

严格执行以下3个步骤。优先保证信息的逻辑连贯性、准确性以及视觉风格的还原度。

Step 1: 动态场景识别与逻辑分块 (Dynamic Context & Segmentation)

根据文本内容,动态划分出 4 到 6 个核心逻辑模块。 对于每一个模块,提炼:[动态模块标题]、[动态标签]、子模块详情、模块总结。

Step 2: 语言清洗与同色系关键字高亮 (Language & Highlight)

  • 去口语化:提炼为专业的书面语言。
  • 动态色值匹配:在正文中识别核心业务名词、数据指标,并使用与该模块主题色对应的 HTML 标签进行高亮包裹(如模块为绿色,则关键字高亮必须带绿色背景与文字)。

Step 3: 视觉渲染与形态切换 (Adaptive Layout & Horizontal Timeline)

将处理后的内容代入下方 HTML 模板。

🔥🔥 形态切换规则(UI 变体)🔥🔥:

  1. 默认列表态:对于常规的描述性内容,使用 <ul><li> 结构。
  2. 水平时间线态 (Horizontal Timeline):当你判断某个模块(如“落地计划”、“里程碑”、“排期”)包含明确的时间节点、日期或先后步骤时,禁止使用 <ul> 列表。你必须使用如下的水平时间轴 HTML 结构进行渲染,并将圆点与连线的颜色与当前模块主题色对齐。
Installs
1
First Seen
Apr 23, 2026