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