mcpField
S
slide-design-skill

slide-design-skill

github.com/slidespeak文档处理29193 次安装18 周前更新
代码仓库

关于 slide-design-skill

用于设计和生成演示文稿的技能,面向需要依据内容与品牌风格制作幻灯片的人。它会从简报推导视觉样式、规划页面,并渲染为固定尺寸的 HTML 幻灯片;AI 图像可选。

主要功能

  1. 01从简报生成专属视觉样式
  2. 02规划幻灯片顺序与模板
  3. 03渲染 1920×1080 HTML 幻灯片
  4. 04支持图表、表格和图像
  5. 05可选通过 fal.ai 生成图像

适用场景

  1. 01制作投资者或销售演示文稿
  2. 02将品牌视觉应用于培训幻灯片
  3. 03根据反馈迭代演示文稿设计

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/slidespeak/slide-design-skill --skill slide-design-skill

安装后在 Claude Code 中输入/slide-design-skill确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

README.md
CLAUDE.md
LICENSE
.gitignore
docs/
SKILL-FORMAT.md
HANDOVER.md
INTEGRATION.md
docs/plans/
2026-06-04-layout-fit-phase1.md
2026-06-08-generator-composition-fix.md
docs/specs/
2026-06-03-design-variance-brief.md
2026-06-11-mckinsey-anatomy.md
2026-06-09-anti-slop-adoption.md
2026-06-04-layout-fit-model.md
engine/
deck-plan.ts
composition-families.ts
divergence.ts
density.ts
brand-guard.ts
dotmap-data.ts
fal-cache.ts
fal-cost.ts
image-providers.ts
fidelity-data.ts
image-postprocess.ts
image-treatments.ts
icon-kits.ts
occupancy.ts
moodboard.ts
index.ts
prompt-composer.ts

详细介绍

幻灯片设计技能

一款演示文稿设计引擎。提供一份简报——介绍演示文稿的主题,以及希望它呈现的风格(几个词、“像 stripe.com”、品牌网址或情绪板均可)——它便会为演示文稿定制视觉风格,规划幻灯片顺序,让宿主大模型填充固定的幻灯片模板,并渲染出具有真实数据可视化、表格和图片的确定性 1920×1080 HTML 幻灯片。

风格是探索出来的,而非选择出来的。 没有主题菜单,也没有可供挑选的预设:每份演示文稿都会根据简报生成专属的设计令牌、幻灯片模板和视觉风格。

AI 图片为可选项。 主视觉和背景图片通过 fal.ai 生成——设置 FAL_KEY 即可启用,并为整份演示文稿生成风格统一、符合品牌形象的视觉素材(还能避开 AI 图片常见的问题)。不设置密钥,技能仍可完整运行,只是渲染的演示文稿不含 AI 图片。安装或运行均无需密钥。

适用场景

当用户想创建、设计或改进任何演示文稿时使用:融资或投资者演示文稿、销售或战略演示文稿、主题演讲、培训或教学演示文稿、数据或报告演示文稿,或一般性的“帮我做几张幻灯片 / 一个 PowerPoint / 一份演示文稿”——并且在意设计感和品牌一致性。

使用方法

  1. npm install
  2. 收集简报:主题和内容,以及任何风格线索(自由文本、“采用 的风格”、品牌网址、参考图片)。如果完全没有风格线索,简短询问一个关于期望风格的问题。
  3. 通过引擎生成并渲染演示文稿,然后检查渲染后的 HTML,并根据用户反馈迭代。

有关处理流程和质量门槛,请参阅 README.md;有关引擎 API,请参阅 docs/INTEGRATION.md;有关软件包格式,请参阅 docs/SKILL-FORMAT.md。

可读字体、不留空白条带、不使用徽标或商标、不编造数字等设计规则由代码门禁强制执行,而不只是依赖提示词措辞。

评论

支持 Markdown