slides作者 nextlevelbuilder一个用于 PPT 和幻灯片演示的 Claude Code 和 Codex skill：策略性 HTML 演示文稿，包含 Chart.js、design token 和响应式布局。
01 功能说明
摘要、工作流与产物，均读自该 skill 的 SKILL.md。
该 skill 使用 Chart.js 数据可视化、design token 和响应式布局来创建具有策略性的 HTML 演示文稿。它将文案公式和情境化的幻灯片策略应用于营销演示、路演文稿和数据驱动的幻灯片。
该 skill 通过 create 子命令进行路由，并提供一个知识库，其中包含布局模式、HTML 模板、文案公式和幻灯片策略。脚本相对于 skill 目录运行，同时读写项目文件，例如从项目根目录下的 docs/brand-guidelines.md、assets/design-tokens.json 或 src/。
它产出什么
该 skill 从参数中提取第一个词，以确定要执行哪个子命令。
该 skill 从 references 目录中加载与子命令匹配的对应 markdown 文件。
该 skill 使用子命令之后的任何参数来运行已加载的参考指令。
02 找到适合场景
当任务是这类 PPT 和幻灯片演示时，在 Claude Code 或 Codex 中使用 slides skill。下方的适用范围和限制来自该 skill 自身的文件。
03 Skill 内部
SKILL.md 为 Agent 设定的 3 条具体指令、默认值与限制——正是这部分文件决定了结果。
该 skill 及其参考文件中的脚本路径是相对于包含 SKILL.md 的目录，而不是相对于项目根目录。工作目录始终保持在项目根目录。
脚本相对于项目根目录的工作目录读写项目文件，例如 docs/brand-guidelines.md、assets/design-tokens.json 或 src/。
从 Claude Code 在 skill 加载时报告的该 skill 的基准目录构建完整路径，同时将工作目录保持在项目根目录。
04 投入使用
一条 npx skills add 命令，然后在你的 Agent 中执行第一个任务和对结果的清单检查。
在你的项目中运行；安装程序会询问要把它添加到哪个 Agent。
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides针对 .claude/skills/slides/SKILL.md 的通用 skills CLI 形式；具体仓库可能会记录其自己的路径。
按 skill 自身的术语撰写；把括号中的部分换成你的内容。
Create a 12-slide pitch deck on [product launch strategy] with data visualizations for [market growth projections] and [competitive positioning]. Apply layout patterns for visual hierarchy and use copywriting formulas to strengthen the value proposition on key slides.来源：依据 SKILL.md，按 skill 自身的术语撰写。
SKILL.md 本身如何描述正确的结果：
在 OpenDesign 中 slides 已内置：Plugins → Skills，在顶部栏中选择它。
05 开源、可追溯
本页面事实的来源，以及最后检查时间。
main.claude/skills/slides/SKILL.md 验证时记录的内容校验和；提交 7f69fed"使用 Chart.js、design token、响应式布局、文案公式和上下文幻灯片策略创建战略性 HTML 演示文稿。"
来自 SKILL.md 的前言描述。完整文件约 1,718 个字符。在 GitHub 上阅读完整文件。
Slides
slides skill 内置于 OpenDesign。下载应用，在 Plugins → Skills 中选择该 skill，粘贴上面的提示，并在结果之前阅读计划。
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides