Design Skill — 专业演示幻灯片设计系统
把演示大纲渲染成精致、排版考究的 HTML 幻灯片，解决 AI 生成演示稿缺乏专业视觉设计的问题。
该技能是一个纯静态的设计参考文档，不含脚本执行、权限请求、外部数据写入或隐蔽行为，风险面极小；扣分点：模板依赖外部 jsdelivr CDN 加载 Pretendard 字体，存在供应链与可达性风险，且未披露离线回退方案，源归属（作者/许可证元数据在技能内缺失）不完整。
内容为自洽的 HTML/CSS 模板与设计规范，happy path 合理；扣分点：Timeline 模板在文件中被截断（代码不完整），无测试、无边缘情况处理、无失败反馈机制，静态审阅无法验证渲染效果。
使用场景清晰（商业演示 HTML 幻灯片设计），描述字段可支持语义触发；扣分点：未声明能力边界与非适用范围，描述与正文全部为韩语，无中文支持说明，模板依赖海外 CDN（jsdelivr），对中国大陆网络可达性构成风险。
文档结构清晰、分层合理（设计哲学→规范→组件→模板），示例丰富；扣分点：技能自身无许可证元数据（仓库 README 声称 MIT 但未在技能内确认）、无版本号或变更记录、无已知限制披露、维护责任与更新路径不明，且源文件截断影响完整性。
作为设计参考模板库，对生成精美 HTML 幻灯片有实际的边际价值，模板可直接复制使用；扣分点：静态审阅无法验证渲染输出的正确性与视觉质量，无代表性成品证据，字体依赖外部 CDN 可能导致输出在不联网环境下退化，需人工校验。
仅有单一来源的声明性内容，无测试、无 CI 证据覆盖该技能、无第三方执行或渲染验证；扣分点：关键主张（设计效果、转换可用性）不可独立复现，事实与推断无法分离验证。
- Timeline 模板在源文件中不完整（代码被截断），使用前需自行补全
- Pretendard 字体依赖 jsdelivr CDN，离线或中国大陆网络环境下可能加载失败，建议内置字体或提供回退方案
- 技能内无许可证与版本信息，合规使用前请核实仓库级 MIT 许可证的适用范围
- 全部内容为韩语，中文用户触发与使用可能受限
- 静态审阅未执行任何渲染或转换，输出质量需实际验证
这个 Skill 能做什么，适合哪些场景？
design-skill 是 ppt_team_agent 仓库中的一个 Claude Agent Skill，位于 .claude/skills/design-skill/SKILL.md。它本身不执行代码，而是一套详细的 HTML 幻灯片设计规范：固定的 16:9（720pt×405pt）画布、以 Pretendard 为默认字体的字号/字距/行距体系、五套预定义配色方案、网格与留白标准，以及封面、目录、章节页、内容页、数据页、团队页、引用页、时间线、结尾页等 10 个完整模板。它输出的文件按 slide-01.html 起命名存放在 slides/ 目录，配套的 html2pptx 转换由仓库中另一个 skill 提供。仓库整体采用 MIT 许可证，作者为 Builder Josh。
读取 slide-outline.md 大纲；按五步工作流（分析→选主题色→设计结构→逐页生成 HTML→一致性检查）生成符合固定规范的独立 HTML 幻灯片文件；使用 Pretendard CDN 字体、限定的字号/字距/行距刻度、五套 CSS 配色变量和预置组件（徽章、章节编号、Logo 区、图标按钮、分隔线、信息网格）；将文件以 slide-01.html 式两位数编号保存到 slides/ 目录。它还规定了文本必须包裹在 p/h1-h6/ul/ol/li 标签内的规则，以兼容后续转 PPTX 的流程。
- 需要按周产出统一品牌风格的业务汇报、但没有专职设计师的职场人士
- 使用 Claude Code 等智能体把内容大纲自动转成可直接预览的 HTML 幻灯片的开发者
- 希望给韩文内容使用 Pretendard 字体并获得专业排版效果的使用者
- 需要在 16:9、4:3、16:10 三种比例间适配不同投影/屏幕的演示者
- 已经用仓库中 html2pptx 流程、需要设计质量更高的中间 HTML 产物的 PPT 自动化用户
这个 Skill 有哪些优点和局限？
- 规范极其具体：字号、字距、行距、留白、网格比例都有确切数值，产出一致性强
- 10 个完整可复制的模板覆盖典型商务演示的全部页面类型
- 五套配色方案适配不同场景（极简商务、暗色、企业蓝、暖色等）
- 明确了 PPTX 转换的兼容性约束（文本标签规则、CSS 渐变不可用），减少返工
- 仅为设计规范与静态模板，不含可执行脚本；HTML→PPTX 转换属于仓库中的另一个 skill
- 强绑定 Pretendard 字体与固定 pt 尺寸，换字体或改画布需手动调整
- CSS 渐变在 PowerPoint 转换中不受支持，需以背景图替代
- 仓库描述与 Topics 为空，README 的项目结构与 skill 路径不完全对应，文档质量参差
- 未见测试套件或针对不同智能体平台的验证记录
如何安装这个 Skill？
把仓库克隆到本地：git clone https://github.com/uxjoseph/ppt_team_agent.git && cd ppt_team_agent && npm install（README 给出的安装步骤）。该 skill 位于 .claude/skills/design-skill/，Claude Code 会自动识别 .claude/skills/ 下的 skill；若要在其他环境使用，可将 design-skill 文件夹放入对应客户端的 skills 目录。skill 自身无独立的安装说明，此点文档未说明。
如何使用这个 Skill？
在会话中先准备好 slide-outline.md 内容大纲，然后触发 skill（例如："按 design-skill 把这个大纲设计成幻灯片"）。skill 会指导按其规范逐页生成 HTML 并存入 slides/ 目录。仓库提供的转换命令为 npm run html2pptx，可将 HTML 转为 PPTX；skill 文档本身未定义额外的调用命令。