技能介绍

PPT 制作的三个老问题

写演示文稿最消耗精力的往往不是内容，而是排版：挑字体、对齐文本框、手动加动画，最后改一行标题就要全盘返工。更隐蔽的问题是 AI 生成的前端存在一种「出厂美学」——Arial/Inter 字体、白底紫渐变、规整的卡片网格，一眼就能认出是机器产物，放在汇报场合反而显得敷衍。

这个技能的解法

它把演示文稿产出为单个 HTML 文件，所有 CSS/JS 内联，零依赖、零构建工具，浏览器打开即放映。核心机制：

视口适配是硬约束：每页 .slide 强制 100vh + overflow: hidden，字号间距一律用 clamp()，内容超限必须拆页而不是滚动
Show, Don't Tell：不问「你想要什么风格」，而是直接生成 3 个单页样式预览，用户看到真实动效再选择，可选氛围覆盖专业、活力、沉稳、走心四类
内容密度有上限：标题页只能有 1 个标题 + 1 副标题，代码页最多 8-10 行，超限自动拆页
PPT 直接转换：通过 extract_pptx.py 提取 .pptx 的文本、图片和演讲者备注，按选定风格重新生成
交付与分享：生成后可选部署到 Vercel 获得手机也能访问的链接，或导出 PDF

适用边界

它只输出 HTML，无法替代需要多人协同编辑和版本管理的演示场景。纯 CSS 动画意味着复杂的三维转场或数据图表交互需要自己扩展。另外「反 AI slop」依赖设计判断，最终观感仍需人工验收；动效会遵循 prefers-reduced-motion 自动降级，但主题一致性要手动调整 :root CSS 变量。