Agent Skills
返回列表
PPT视觉风格配方库

PPT视觉风格配方库

办公效率 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fccf428b/design-style-skill 技能。

技能介绍

要解决的问题

用 PptxGenJS 手写幻灯片时,rectRadius、内边距、间距往往逐页硬编码:同一 deck 里卡片圆角忽大忽小,留白节奏漂移,换一次风格就要全量返工。

技能的工作方式

核心思路是把视觉风格抽成可复用的配方(Recipe):一套设计语言通过圆角和间距两个维度呈现四种风格。

  • Sharp & Compact:直角(0 ~ 0.05"),间距紧凑,适合数据密集型与专业报告
  • Soft & Balanced:中等圆角(0.08" ~ 0.12"),留白适中,适合企业汇报
  • Rounded & Spacious:大圆角(0.15" ~ 0.25"),留白宽松,适合产品与营销
  • Pill & Airy:胶囊形(0.3" ~ 0.5"),通透轻盈,适合品牌发布会

每种风格给出完整 token 表:圆角(小/中/大)、元素内边距、元素间距、页面边距、区块间距,单位均为英寸,基准幻灯片尺寸 10" × 5.625"。

组件级映射表把风格落到具体元素:按钮、卡片、图片容器、输入框、Badge、头像框分别对应不同 rectRadius 值。混搭原则:

  1. 外层容器圆角 ≥ 内层圆角
  2. 信息密度决定间距:数据展示区用紧凑风格,内容浏览区用宽松风格
  3. 圆角与元素高度匹配;Pill 风格下 rectRadius = 元素高度 / 2 才是标准胶囊

另有排版规范(注释 10~12pt 到数据高亮 60~96pt)与间距规范(图标文字间距、列表间距、页面安全边距等)。

适用边界

  • 不自动安装依赖、修改系统权限;命令与代码默认仅作参考,需明确确认后执行
  • 涉及发送、发布、删除、付款等外部写入时,先展示目标与影响,取得确认
  • 凭据仅用于用户指定的服务,不回显、不记录、不转发

使用场景

  • 用 `PptxGenJS` 生成财务报告幻灯片时,需要统一数据卡片圆角与表格区块的紧凑间距
  • 为企业季度汇报 PPT 挑选介于锐利与圆润之间的按钮、徽章圆角,并保持全套一致
  • 制作发布会品牌展示页时,需要把按钮与头像框做成标准胶囊形,并按元素高度换算 `rectRadius`
  • 同一份 deck 混排数据表与营销内容,需要按区域分别套用紧凑与宽松两种间距配方

适合人员

  • 用 `PptxGenJS` 写代码批量生成幻灯片的开发者,想把圆角和留白参数化而非逐页硬编码
  • 每周要产出多份结构相似商务 PPT 的运营与产品人员,需要一套可直接照抄的圆角、边距配方
  • 负责发布会或品牌展示页的设计师,需要胶囊形等四种风格的现成 token 参数
  • 经常整理数据密集型报告的分析师,希望表格页面保持紧凑、专业的视觉节奏