菜单
PPT 视觉设计子技能。处理配色方案、字体选择、设计风格、美学方向、Anti-AI-Slop规则。 当用户说"配色太难看"、"换个配色"、"主题色"、"设计风格"、"字体选择"、"太丑了"、 "太AI了"、"看起来不自然"、"给我几个选项"、"你看着办"、"预览效果"时触发。 触发词: 配色, 换配色, 配色方案, 主题色, 设计风格, 字体选择, 美学, 太丑, 好看, 视觉设计, 预览, anti-AI, background, theme, visual design.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Generate presentation slides as standalone HTML files with video recording support (Playwright + TTS + FFmpeg). TTS engines: Edge TTS (local/fast) and CosyVoice 3.0 (remote GPU/high-quality/voice cloning). MUST use this skill for ANY slide-related task: creating new presentations, editing existing slides, styling/color/font changes, fixing bugs in slides, recording videos from slides, or adding TTS dubbing/subtitles. Trigger on ALL of these (even partial matches): "PPT", "幻灯片", "演示文稿", "slides", "slide deck", "pitch deck", "演示", "介绍", "demo", "路演", "发布会", "培训", "培训材料", "培训课程", "配色", "字体", "主题", "风格", "美化", "录制", "录屏", "视频", "配音", "TTS", "字幕", "旁白", "声音不同步", "音画不同步", "字太小", "字体大小", "CosyVoice", "声音克隆", "克隆声音", "换个声音", "参考音", "用我的声音". Also trigger when user mentions data-narration, wants auto-playing slides, needs product intro/onboarding/tutorial materials, or asks to "show me how X works". This skill produces modular HTML (slides.html + slides.css + slides.js) that runs in any browser — no build step, no exte
PPT 编码生成子技能。生成、编写、修改、调试幻灯片的 HTML/CSS/JS 代码。 当用户说"生成PPT的HTML"、"写CSS"、"PPT代码有问题"、"CSS样式出问题"、 "JS报错"、"slide切换不正常"、"文件结构怎么组织"、"字体大小不对"、"PPT bug"时触发。 触发词: 生成HTML, 写CSS, 写JS, 编码, 代码有问题, 样式出问题, 报错, bug, slide切换, 文件结构, 多文件项目, build slides, code slides, HTML, CSS, JS.
PPT 内容策划子技能。决定幻灯片有多少页、每页放什么内容、怎么写旁白文案、如何安排叙事线。 当用户说"帮我规划PPT内容"、"大纲怎么安排"、"精简页数"、"缩减slides"、"写旁白"、 "内容结构"、"开场过渡总结"、"叙事线"、"每页放什么"时触发。 触发词: 内容策划, 写旁白, 大纲, 内容结构, 幻灯片规划, 精简页数, 缩减, 叙事线, 开场, 过渡, 总结, 页数规划, 文字密度, narration, outline, content plan. 不涉及视觉设计(ppt-design)、代码生成(ppt-build)、视频录制(ppt-video)。
PPT 视频录制子技能。把幻灯片录成视频：Playwright截图、TTS配音(Edge TTS / CosyVoice)、FFmpeg合成、ASS字幕。 支持远程 GPU 加速：CosyVoice 3.0 在 SSH 服务器（4090）上运行，零样本声音克隆。 当用户说"录成视频"、"加配音"、"加字幕"、"截图每一页"、"音画不同步"、"TTS不同步"、 "字幕有背景条"、"FFmpeg命令"、"视频太短"、"导出mp4"时触发。 触发词: 视频, 录制, 录成视频, 配音, TTS, 字幕, 截图, 音画不同步, 不同步, FFmpeg, mp4, screenshot, capture, dubbing, subtitle, video, render.
| name | ppt-design |
| description | PPT 视觉设计子技能。处理配色方案、字体选择、设计风格、美学方向、Anti-AI-Slop规则。 当用户说"配色太难看"、"换个配色"、"主题色"、"设计风格"、"字体选择"、"太丑了"、 "太AI了"、"看起来不自然"、"给我几个选项"、"你看着办"、"预览效果"时触发。 触发词: 配色, 换配色, 配色方案, 主题色, 设计风格, 字体选择, 美学, 太丑, 好看, 视觉设计, 预览, anti-AI, background, theme, visual design. |
PPT 的美学决策中心：从配色到字体到预览流程。
你的任务是什么？
│
├─ 确定整体美学方向 → §核心原则 + §美学方向表
├─ 选字体/配色 → §字体搭配推荐
│ └─ 需要完整主题方案 → ../references/themes.md
├─ 检查 Anti-AI-Slop → §Anti-AI-Slop 完整规则
├─ 背景处理 → §背景处理
├─ 用户不确定风格 → 读 preview-flow.md
└─ 需要布局代码 → ../references/layouts.md（非本子技能）
| 内容类型 | 推荐美学 | 关键特征 |
|---|---|---|
| 科技/产品 | 极简未来 | 深色背景、光效、等宽字体点缀 |
| 商业/融资 | 精致商务 | 克制配色、优雅字体、数据可视化 |
| 教育/培训 | 清晰叙事 | 结构化布局、渐进揭示、图标系统 |
| 创意/品牌 | 大胆表达 | 强对比、非常规布局、字体作为视觉元素 |
从 ../references/fonts-whitelist.json 选择。每种 PPT 只需 2 个（标题 + 正文）：
| 风格 | Display（标题） | Body（正文） |
|---|---|---|
| 科技/产品 | Archivo Black | Space Grotesk |
| 未来/赛博 | Clash Display Bold | Satoshi |
| 创意/活力 | Syne ExtraBold | Outfit |
| 编辑/杂志 | Fraunces Black | DM Sans |
| 经典/商务 | Bodoni Moda Bold | Manrope |
规则：display 字体 weight ≥ 700，display + body 必须来自不同 family。
禁止字体（详见 fonts-whitelist.json forbidden 列表）：Inter, Roboto, Arial, system-ui（单独使用时）。
根据演示场景选择画布预设（详见 ../references/platform-profiles.json）：
| 场景 | 预设 | 尺寸 |
|---|---|---|
| 产品介绍、路演 | presentation_16x9 | 1920×1080 |
| 培训、教室投影 | presentation_4x3 | 1024×768 |
| Instagram、朋友圈 | social_square | 1080×1080 |
| 公众号头图 | wechat_cover | 1800×766 |
| 抖音/视频号 | vertical_story | 1080×1920 |
禁用颜色：
#6366f1（泛用 Indigo）、#8b5cf6（泛用 Violet）#ffffff 或纯黑 #000000 作为背景禁用布局模式：
强制多样性：
不要用纯色背景：
/* 深色 */
background: radial-gradient(ellipse at 30% 50%, rgba(255,107,53,0.08) 0%, transparent 70%),
linear-gradient(135deg, #0a0a0a 0%, #111 100%);
/* 浅色 */
background: radial-gradient(circle at 80% 20%, rgba(196,80,28,0.05) 0%, transparent 50%),
#faf6f1;
| 文档 | 何时加载 |
|---|---|
design-philosophy.md | 需要完整 Anti-AI-Slop 规则、配色策略详解时 |
preview-flow.md | 用户不确定风格，需要生成 3 个预览让用户选择时 |
| 文档 | 加载时机 |
|---|---|
../references/themes.md | 需要具体 CSS 变量和完整主题方案时 |
../references/layouts.md | 需要具体布局代码和变体时 |
../references/animations.md | 需要动画/过渡效果代码时 |