用途:该技能面向 HyperFrames 组合中的 title 幻灯片,用于开场、章节分隔或收尾等只需一个标题传达全部信息的场景,也适用于不用图片、项目符号和标签、仅靠排版产生冲击力,或在演示流程中标记停顿与主题切换的情况。
主要能力与结构:幻灯片以 div 场景元素承载,包含 eyebrow(分类或子标签)、hero-title(主标题)、hero-sub(可选辅助说明)三层文本。CSS 上场景使用居中布局与文字居中,eyebrow 为 24–32px、字重 500、字距 6–8px、大写、暗色;hero-title 为 280–340px、字重 800、负字距,可选渐变文字裁切;hero-sub 为 36–42px、字重 400、暗色。背景用单色或极淡径向渐变,突出标题本身。
动画:使用 GSAP 入场动画,按 data-start 依次对 eyebrow、hero-title、hero-sub 做位移与透明度过渡,混合至少三种 easing,并从 0.1–0.3 秒偏移开始,不在 t=0 立即启动。
识别规则:当 Markdown 标题下只有普通文本或为空、且没有项目符号、标签、图片或 evolution 标记时,识别为 title 类型;只要出现一个“-”项目符号,就应改用 title-bullets。
编写原则:标题保持简短有力的一行;辅助文字控制在一行以内,过长则改用 title-bullets;需要项目符号时也应改用 title-bullets。由于画面中央只放大标题,标题本身必须足以传达含义。安装命令与具体代码内容资料未提供。