跳转到使用指南
design-style-skill作者 MiniMax

Design Style Skill Skill.

Claude Code 和 Codex 的 PPT 和幻灯片 skill:为 PPT 幻灯片提供一致的视觉系统,包含圆角和间距配方。

  • Presentations
MiniMax-AI/skills · plugins/pptx-plugin/skills/design-style-skill/SKILL.mdSKILL.md
--- name: design-style-skill description: Select a consistent visual design system for PPT slides using radius/spacing style recipes. Use when users ask for overall style direction or component styling consistency. Includes Sharp/Soft/Rounded/Pill recipes, component mappings, typography/spacing rules, and mixing guidance. Triggers: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style. --- ## 风格概览 ## Sharp & Compact(锐利紧凑) ## Soft & Balanced(柔和均衡) ## Rounded & Spacious(圆润宽松) ## Pill & Airy(胶囊通透) ## 1. 外层容器 ≥ 内层圆角
从 2026-09-14 的上游文件读取的前言和章节标题 · 完整 4,456 字符

01 功能说明

design-style-skill 这个 Skill 在 Claude Code 和 Codex 中的作用

摘要、工作流与产物,均读自该 skill 的 SKILL.md。

来自 SKILL.md读取于 2026-09-14 · 非实际运行记录

以 skill 自身的术语

design-style-skill 通过在使用 PptxGenJS 构建的 10" × 5.625" LAYOUT_16x9 画布上,以英寸为单位调整圆角半径(rectRadius)和间距,为 PPT 幻灯片选择一套一致的视觉体系。它提供四种方案——Sharp & Compact、Soft & Balanced、Rounded & Spacious 和 Pill & Airy——每种方案都配有小、中、大圆角、元素内边距、元素间距、页边距和区块间距的 token 表。

这些 token 映射到六种组件:按钮和标签、卡片和容器、图片容器、输入框形状、徽章和头像框。混用原则涵盖圆角嵌套、密度驱动的间距,以及圆角与高度的关系,之后是从 10 pt 到 96 pt 的字体排版比例、间距比例,以及按演示类型划分的快速选择表。

它产出什么

  • 每种风格的组件级 rectRadius 映射,涵盖所有四种方案中的按钮和标签。
  • 可直接套用的 PptxGenJS addShape 调用示例,展示给定风格下的形状、位置、填充颜色和 rectRadius。
  • 六个使用层级的字号(磅),封面和章节标题最高可达 44-60 pt。
  • 以英寸表示的间距刻度,用于卡片内边距和其他间隙。
查看示例提示词 ↗

工作方式

  1. 01
    从概览中挑选一个 Recipe

    四种样式由圆角范围和间距范围定义,各自对应适用场景,从数据密集型报告到发布会活动。

  2. 02
    复制该样式的 Token 表

    每个 Recipe 都以英寸给出数值化的圆角 token;Rounded & Spacious 的大圆角设定为 0.25"。

  3. 03
    将 Token 映射到组件上

    组件表为每个组件在全部四种样式下给出 rectRadius,因此卡片/容器在 Sharp 中为 0.03",在 Soft 中为 0.1",在 Rounded 中为 0.2",在 Pill 中为 0.3"。

  4. 04
    依据元素高度选择圆角

    圆角并非单一固定值:高度表将元素划分为低于 0.3"、0.3"-0.6"、0.6"-1.2" 和高于 1.2" 四个区间,各样式在每个区间下都有各自的圆角。

  5. 05
    从字号表中设定字号

    六个使用层级从注释和来源一直到数据高亮;正文和描述文字位于 14-16 pt。

  6. 06
    在快速选择指南中确认选择

    演示类型决定推荐结果——技术分享指向 Sharp 或 Soft,以获得专业性和清晰的信息呈现。

02 找到适合场景

何时使用 design-style-skill Skill

在工作为此类 PPT 和幻灯片时,请在 Claude Code 或 Codex 中使用 design-style-skill skill。适用范围和限制见该 skill 自身的文件。

适合场景

  • 财务和数据报告,Sharp & Compact 凭借高信息密度和严谨性在此大展所长。
  • 需要在专业性与亲和力之间取得平衡的企业报告和商业演示文稿。
  • 追求现代、友好感的产品介绍和营销演示文稿。
  • 需要高端外观和视觉冲击力的发布会活动和品牌展示。
  • 必须保持清晰易读的培训和教育材料。

了解边界

  • 内部圆角大于其外部容器时会呈现视觉溢出效果,这被判定为错误用法。
  • 固定的 Pill 圆角值不适用于矮小元素:任何高度低于 0.3" 的元素都必须改用其高度的一半作为圆角。

需要提供的信息

  • 演示文稿类型快速选择表将文稿类型映射到推荐样式并给出理由,因此请说明该文稿的用途。
  • 元素高度每种样式的圆角都按元素高度区间查询,因此你需要知道所要设置样式的每个元素的高度。
  • 幻灯片尺寸是固定的间距刻度是针对 10" × 5.625" 的幻灯片定义的,因此所有数值都以该画布为前提。

03 Skill 内部

design-style-skill Skill 赋予 Claude Code 和 Codex 的规则

SKILL.md 为 Agent 设定的 7 条具体指令、默认值与限制——正是文件中真正改变结果的部分。

  1. 胶囊形需要元素高度的一半

    在 Pill 风格中,固定半径本身并不会产生胶囊形状:需将 rectRadius 设为元素高度的一半。

  2. 外层半径限定内层半径

    容器的圆角半径必须大于或等于其内嵌元素的圆角半径。

  3. 半径随元素高度变化

    对于 0.6"-1.2" 的元素,Sharp 用 0.03",Soft 用 0.08",Rounded 用 0.2",Pill 用 0.3"。

  4. 密度决定间距

    数据展示区域采用更紧凑的 Sharp 或 Soft 间距,而非宽松的方案。

  5. 头像在 Pill 中呈完全圆形

    头像框在 Pill 中 rectRadius 为 0.5",Soft 中为 0.1",Rounded 中为 0.2"。

  6. 不低于 10 磅

    注释和来源使用 10-12 磅,该表格将此视为可读性的最小尺寸。

  7. 页边距是方案的一部分

    Pill & Airy 将页边距设为 0.6",是四种风格方案中最宽的。

04 投入使用

在 Claude Code 或 Codex 中安装 design-style-skill

一条 npx skills add 命令,然后在你的 Agent 中执行第一个任务和对结果的清单检查。

为 Claude Code、Codex 或你的 Agent 添加 design-style-skill

在你的项目中运行;安装程序会询问要把它添加到哪个 Agent。

Terminal
npx skills add https://github.com/MiniMax-AI/skills --skill design-style-skill

针对 plugins/pptx-plugin/skills/design-style-skill/SKILL.md 的通用 skills CLI 形式;具体仓库可能另有说明其路径。

为 Skill 提供首个 PPT 和幻灯片任务

按 skill 自身的术语撰写;把括号中的部分换成你的内容。

Starter prompt
Lay out my [Q3 financial review] deck with one consistent visual style. Use Sharp & Compact for the tables and dense data areas, and tell me the rectRadius for the cards, badges and buttons so the radius never overflows its container. Also give me the padding and block spacing values for a 10" × 5.625" slide.

来源:依据 SKILL.md,按 skill 自身的术语撰写。

检查首次结果

SKILL.md 本身如何描述正确的结果:

  • 对于高度为 0.4" 的 Pill 按钮,rectRadius 为 0.2" 是检验形状是否呈胶囊状的标准。
  • 将每个半径与高度区间进行交叉核对:0.3"-0.6" 的元素依风格取 0.02" / 0.05" / 0.12" / 其高度的一半。
  • 确保页面安全边距保持在间距表中 0.4"-0.6" 的范围内。
  • 检查图标与文字间等装饰性间隙是否保持在 0.08" 到 0.15" 之间。

在 OpenDesign 中通过其 SKILL.md 链接导入 design-style-skill:Plugins → Add → Skill → Import from link,然后在顶部栏中选择它。

05 开源、可追溯

来源、许可与验证

本页面事实的来源,以及最后检查时间。

Author
MiniMax
Repository
github.com/MiniMax-AI/skills 分支 main
Skill 文件
plugins/pptx-plugin/skills/design-style-skill/SKILL.md 内容校验和已记录;提交 60aaae5
License
MIT 来自 LICENSE。
仓库星标数
13,547 GitHub 快照摄于 2026-09-14,涵盖整个 MiniMax-AI/skills 仓库,该仓库在此目录中包含 6 个 skill。非 design-style-skill 的评分或使用计数。
已由 OpenDesign 验证
2026-09-14 已检查源文件、路径、许可文本和 star 数量。未内置在 OpenDesign 主程序(检查日期 2026-08-28);本页面未记录实际运行。

SKILL.md 内部

  1. # Style Recipes - PPT视觉风格系统为该 skill 定框架:一种设计,四种风格,以半径和间距区分,并注明英寸单位。
  2. ## 风格概览概览表将每种风格的半径与间距范围与其适用场景配对。
  3. ## Sharp & Compact(锐利紧凑)方正、密集、严肃;token 方案从 0" 半径到 0.3" 页边距。
  4. ## Soft & Balanced(柔和均衡)适中的圆角与舒适的留白;通用型商务方案。
  5. ## Rounded & Spacious(圆润宽松)大圆角与充裕留白,营造亲和、现代的印象。
  6. ## Pill & Airy(胶囊通透)全圆角胶囊造型与最大化留白,适用于品牌展示型 deck。
  7. # 组件级风格映射表按组件与风格给出 rectRadius,并附一个 PptxGenJS 圆角示例。
  8. # 混搭原则三条混搭规则:圆角嵌套、密度驱动的间距,以及圆角相对元素高度的关系。
  9. # Typography 排版规范 (PPT)从注释文字到数据高亮共六档字号区间。
  10. # Spacing 间距规范 (PPT)以英寸为单位的图标间距、列表项、卡片内边距、分组、页边距与区块数值。
  11. # 快速选择指南将六种演示类型映射到推荐风格,并给出理由。
Skill 自身的描述
"使用圆角/间距风格配方为 PPT 幻灯片选择一致的视觉设计系统。当用户询问整体风格方向或组件样式一致性时使用。包含 Sharp/Soft/Rounded/Pill 配方、组件映射、排版/间距规则和混合指南。触发词:风格、style、radius、spacing、圆角、间距、PPT风格、视觉风格、design style、component style。"

来自 SKILL.md 的 front-matter 描述。完整文件约 4,456 字符。在 GitHub 上阅读完整文件。

Design Style Skill

在真实的 PPT 和幻灯片任务中运行 design-style-skill。

下载 OpenDesign,从其 SKILL.md 链接导入 design-style-skill,粘贴上方提示,并在结果之前阅读计划。

终端
npx skills add https://github.com/MiniMax-AI/skills --skill design-style-skill

OpenDesign 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 Vibe Design Workspace 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS 与 Windows