秋叶 HTML PPT 排版

解决的问题

当一段结构化文案需要变成可截图、可分享的单页演示时，直接让大模型自由排版常会出现主题色漂移、字号硬编码、阴影过强、卡片堆叠和外部依赖等问题。秋叶 HTML PPT 排版 的目标是把这类生成任务约束成一套可复用的单文件 HTML 版式规范：红色系、全屏自适应、无固定宽高、无外部图片依赖，适合作为 PPT 页、信息图或手册页使用。

工作方式

该技能把文案按内容树拆成重点与常规两层：结论、数字、关键判断进入卡片；解释、细节、清单用分隔线承接。核心输出受以下参数约束：

• 画布使用纯色背景 #F5F5F5，左右约 50px 边距，内容随窗口自适应；
• 卡片数量通常不超过 8 个，面积占比不超过 55%，阴影使用浅灰弥散三层变量；
• 图标必须是内联线性 SVG，描边宽度约 1.75，颜色跟随主题色；
• 顶部控制栏提供 Hex 主题色、字号缩放与文本编辑面板，且控制栏字号通过 --fs-control 固定。

适用边界

它更适合把已有文案转成风格稳定的单页版式，而不是从零创作内容。使用时应确保文案结构清晰，避免过多重点导致卡片超配额；若需要导出图片、外部图表、复杂交互或动画，需要另行实现。