PPT视觉风格配方库
将以下提示词粘贴到你的 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 值。混搭原则:
- 外层容器圆角 ≥ 内层圆角
- 信息密度决定间距:数据展示区用紧凑风格,内容浏览区用宽松风格
- 圆角与元素高度匹配;Pill 风格下
rectRadius = 元素高度 / 2才是标准胶囊
另有排版规范(注释 10~12pt 到数据高亮 60~96pt)与间距规范(图标文字间距、列表间距、页面安全边距等)。
适用边界
- 不自动安装依赖、修改系统权限;命令与代码默认仅作参考,需明确确认后执行
- 涉及发送、发布、删除、付款等外部写入时,先展示目标与影响,取得确认
- 凭据仅用于用户指定的服务,不回显、不记录、不转发
使用场景
- 用 `PptxGenJS` 生成财务报告幻灯片时,需要统一数据卡片圆角与表格区块的紧凑间距
- 为企业季度汇报 PPT 挑选介于锐利与圆润之间的按钮、徽章圆角,并保持全套一致
- 制作发布会品牌展示页时,需要把按钮与头像框做成标准胶囊形,并按元素高度换算 `rectRadius`
- 同一份 deck 混排数据表与营销内容,需要按区域分别套用紧凑与宽松两种间距配方
适合人员
- 用 `PptxGenJS` 写代码批量生成幻灯片的开发者,想把圆角和留白参数化而非逐页硬编码
- 每周要产出多份结构相似商务 PPT 的运营与产品人员,需要一套可直接照抄的圆角、边距配方
- 负责发布会或品牌展示页的设计师,需要胶囊形等四种风格的现成 token 参数
- 经常整理数据密集型报告的分析师,希望表格页面保持紧凑、专业的视觉节奏