关于 slide-design-skill
用于设计和生成演示文稿的技能,面向需要依据内容与品牌风格制作幻灯片的人。它会从简报推导视觉样式、规划页面,并渲染为固定尺寸的 HTML 幻灯片;AI 图像可选。
主要功能
- 01从简报生成专属视觉样式
- 02规划幻灯片顺序与模板
- 03渲染 1920×1080 HTML 幻灯片
- 04支持图表、表格和图像
- 05可选通过 fal.ai 生成图像
适用场景
- 01制作投资者或销售演示文稿
- 02将品牌视觉应用于培训幻灯片
- 03根据反馈迭代演示文稿设计
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ slidespeak/ slide-design-skill --skill slide-design-skill安装后在 Claude Code 中输入/slide-design-skill确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
README.mdCLAUDE.mdLICENSE.gitignoredocs/SKILL-FORMAT.mdHANDOVER.mdINTEGRATION.mddocs/plans/2026-06-04-layout-fit-phase1.md2026-06-08-generator-composition-fix.mddocs/specs/2026-06-03-design-variance-brief.md2026-06-11-mckinsey-anatomy.md2026-06-09-anti-slop-adoption.md2026-06-04-layout-fit-model.mdengine/deck-plan.tscomposition-families.tsdivergence.tsdensity.tsbrand-guard.tsdotmap-data.tsfal-cache.tsfal-cost.tsimage-providers.tsfidelity-data.tsimage-postprocess.tsimage-treatments.tsicon-kits.tsoccupancy.tsmoodboard.tsindex.tsprompt-composer.ts详细介绍
幻灯片设计技能
一款演示文稿设计引擎。提供一份简报——介绍演示文稿的主题,以及希望它呈现的风格(几个词、“像 stripe.com”、品牌网址或情绪板均可)——它便会为演示文稿定制视觉风格,规划幻灯片顺序,让宿主大模型填充固定的幻灯片模板,并渲染出具有真实数据可视化、表格和图片的确定性 1920×1080 HTML 幻灯片。
风格是探索出来的,而非选择出来的。 没有主题菜单,也没有可供挑选的预设:每份演示文稿都会根据简报生成专属的设计令牌、幻灯片模板和视觉风格。
AI 图片为可选项。 主视觉和背景图片通过 fal.ai 生成——设置 FAL_KEY 即可启用,并为整份演示文稿生成风格统一、符合品牌形象的视觉素材(还能避开 AI 图片常见的问题)。不设置密钥,技能仍可完整运行,只是渲染的演示文稿不含 AI 图片。安装或运行均无需密钥。
适用场景
当用户想创建、设计或改进任何演示文稿时使用:融资或投资者演示文稿、销售或战略演示文稿、主题演讲、培训或教学演示文稿、数据或报告演示文稿,或一般性的“帮我做几张幻灯片 / 一个 PowerPoint / 一份演示文稿”——并且在意设计感和品牌一致性。
使用方法
npm install- 收集简报:主题和内容,以及任何风格线索(自由文本、“采用 的风格”、品牌网址、参考图片)。如果完全没有风格线索,简短询问一个关于期望风格的问题。
- 通过引擎生成并渲染演示文稿,然后检查渲染后的 HTML,并根据用户反馈迭代。
有关处理流程和质量门槛,请参阅 README.md;有关引擎 API,请参阅 docs/INTEGRATION.md;有关软件包格式,请参阅 docs/SKILL-FORMAT.md。
可读字体、不留空白条带、不使用徽标或商标、不编造数字等设计规则由代码门禁强制执行,而不只是依赖提示词措辞。