首页 / 全部技能 / modelscope-minimax-ai-design-style-skill
D

Skill 详情

design-style-skill

选择一致的视觉设计系统来制作PPT幻灯片，使用圆角/间距样式配方。当用户要求整体风格方向或组件样式一致性时使用。包括锐利/柔和/圆润/胶囊形状配方、组件映射、排版/间距规则以及混合指导。触发词：风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style。

来源平台：ModelScope
来源标识：ModelScope/MiniMax-AI/design-style-skill
源文件：原始说明
前端设计 超热门 ModelScope 高 风险 下载 78访问 130Stars 4.4千 ModelScopeGitHub Copilot
来源平台ModelScope
文档版本master
热度超热门
排名信号下载 78
概述 安装 文档 下载

快速判断

选择一致的视觉设计系统来制作PPT幻灯片，使用圆角/间距样式配方。当用户要求整体风格方向或组件样式一致性时使用。包括锐利/柔和/圆润/胶囊形状配方、组件映射、排版/间距规则以及混合指导。触发词：风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style。

最后校验2026-03-25
来源平台ModelScope
安全提示高
下载副本ZIP 可用

适合任务

  • 按 ModelScope 收录说明完成平台、开发或工作流任务。
  • 通过下载包离线保存 Skill 内容。
  • 结合下载量、访问量和喜欢数评估优先级。

输入与输出

输入：任务目标、上下文材料、平台信息、文件路径、约束条件或需要处理的内容。

输出：按 Skill 说明生成的文档、代码、检查结果、计划、建议或操作步骤。

示例任务

  • 使用 design-style-skill 帮我完成当前任务，并先确认必要上下文。
  • 根据 design-style-skill 的说明，列出操作步骤和风险检查点。

安装方式

  1. 下载本站提供的 Skill ZIP 并解压。
  2. 把解压后的 Skill 目录放入当前 AI 工具支持的 skills 目录。
  3. 如需在线查看原始内容，可打开 GitHub 的 SKILL.md。

在线原始地址：modelscope-minimax-ai-design-style-skill/SKILL.md

风险边界

使用前请检查权限、外部依赖和要处理的数据类型。第三方平台数据、支付、部署、账号和密钥相关内容应先核对官方说明。

SKILL.md 文档介绍

Style Recipes - PPT视觉风格系统

同一套设计可通过调整圆角（rectRadius）和间距呈现4种不同风格。根据场景选择合适的风格配方。

> 单位说明: PptxGenJS 使用英寸(inch)作为单位。幻灯片尺寸为 10" × 5.625" (LAYOUT_16x9)

风格概览

| 风格 | 圆角范围 | 间距范围 | 适合场景 |

|---|---|---|---|

| Sharp & Compact | 0 ~ 0.05" | 紧凑 | 数据密集型、表格、专业报告 |

| Soft & Balanced | 0.08" ~ 0.12" | 适中 | 企业汇报、商务演示、通用PPT |

| Rounded & Spacious | 0.15" ~ 0.25" | 宽松 | 产品介绍、营销演示、创意展示 |

| Pill & Airy | 0.3" ~ 0.5" | 通透 | 品牌展示、发布会、高端演示 |

---

Sharp & Compact（锐利紧凑）

视觉特征: 方正、信息密度高、专业严肃感。

Token 配方

| 类别 | 值 (英寸) | 说明 |

|---|---|---|

| 圆角-小 | 0" | 完全直角 |

| 圆角-中 | 0.03" | 微圆角 |

| 圆角-大 | 0.05" | 小圆角 |

| 元素内边距 | 0.1" ~ 0.15" | 紧凑 |

| 元素间距 | 0.1" ~ 0.2" | 紧凑 |

| 页面边距 | 0.3" | 较窄 |

| 区块间距 | 0.25" ~ 0.35" | 紧凑 |

---

Soft & Balanced（柔和均衡）

视觉特征: 适中的圆角、舒适的留白、专业又不失亲和。

Token 配方

| 类别 | 值 (英寸) | 说明 |

|---|---|---|

| 圆角-小 | 0.05" | 小圆角 |

| 圆角-中 | 0.08" | 中等圆角 |

| 圆角-大 | 0.12" | 较大圆角 |

| 元素内边距 | 0.15" ~ 0.2" | 适中 |

| 元素间距 | 0.15" ~ 0.25" | 适中 |

| 页面边距 | 0.4" | 标准 |

| 区块间距 | 0.35" ~ 0.5" | 适中 |

---

Rounded & Spacious（圆润宽松）

视觉特征: 大圆角、充裕留白、友好亲切、现代感。

Token 配方

| 类别 | 值 (英寸) | 说明 |

|---|---|---|

| 圆角-小 | 0.1" | 中等圆角 |

| 圆角-中 | 0.15" | 大圆角 |

| 圆角-大 | 0.25" | 很大圆角 |

| 元素内边距 | 0.2" ~ 0.3" | 宽松 |

| 元素间距 | 0.25" ~ 0.4" | 宽松 |

| 页面边距 | 0.5" | 较宽 |

| 区块间距 | 0.5" ~ 0.7" | 宽松 |

---

Pill & Airy（胶囊通透）

视觉特征: 全圆角胶囊形、大量留白、轻盈通透、品牌展示感强。

Token 配方

| 类别 | 值 (英寸) | 说明 |

|---|---|---|

| 圆角-小 | 0.2" | 大圆角 |

| 圆角-中 | 0.3" | 胶囊形 |

| 圆角-大 | 0.5" | 完全胶囊 |

| 元素内边距 | 0.25" ~ 0.4" | 通透 |

| 元素间距 | 0.3" ~ 0.5" | 通透 |

| 页面边距 | 0.6" | 宽 |

| 区块间距 | 0.6" ~ 0.9" | 通透 |

---

组件级风格映射表

| 组件 | Sharp | Soft | Rounded | Pill |

|---|---|---|---|---|

| 按钮/标签 | rectRadius: 0 | rectRadius: 0.05 | rectRadius: 0.1 | rectRadius: 0.2 |

| 卡片/容器 | rectRadius: 0.03 | rectRadius: 0.1 | rectRadius: 0.2 | rectRadius: 0.3 |

| 图片容器 | rectRadius: 0 | rectRadius: 0.08 | rectRadius: 0.15 | rectRadius: 0.25 |

| 输入框形状 | rectRadius: 0 | rectRadius: 0.05 | rectRadius: 0.1 | rectRadius: 0.2 |

| 徽章/Badge | rectRadius: 0.02 | rectRadius: 0.05 | rectRadius: 0.08 | rectRadius: 0.15 |

| 头像框 | rectRadius: 0 | rectRadius: 0.1 | rectRadius: 0.2 | rectRadius: 0.5 (圆形) |

PptxGenJS 圆角示例

// Sharp 风格卡片
slide.addShape("rect", {
  x: 0.5, y: 1, w: 4, h: 2.5,
  fill: { color: "F5F5F5" },
  rectRadius: 0.03
});

// Rounded 风格卡片
slide.addShape("rect", {
  x: 0.5, y: 1, w: 4, h: 2.5,
  fill: { color: "F5F5F5" },
  rectRadius: 0.2
});

// Pill 风格按钮 (高度0.4"时，rectRadius设为0.2"即为胶囊形)
slide.addShape("rect", {
  x: 3, y: 4, w: 2, h: 0.4,
  fill: { color: "4A90D9" },
  rectRadius: 0.2
});

---

混搭原则

1. 外层容器 ≥ 内层圆角

// 正确：外 > 内
card:   rectRadius: 0.2
button: rectRadius: 0.1

// 错误：内 > 外 → 视觉溢出感
card:   rectRadius: 0.1
button: rectRadius: 0.2

2. 信息密度决定间距

| 区域类型 | 推荐风格 |

|---|---|

| 数据展示区 | Sharp / Soft（紧凑间距） |

| 内容浏览区 | Rounded / Pill（宽松间距） |

| 标题区域 | Soft / Rounded（适中间距） |

3. 圆角与元素高度的关系

| 元素高度 | Sharp | Soft | Rounded | Pill |

|---|---|---|---|---|

| 小 (< 0.3") | 0" | 0.03" | 0.08" | 高度/2 |

| 中 (0.3" ~ 0.6") | 0.02" | 0.05" | 0.12" | 高度/2 |

| 大 (0.6" ~ 1.2") | 0.03" | 0.08" | 0.2" | 0.3" |

| 超大 (> 1.2") | 0.05" | 0.12" | 0.25" | 0.4" |

> Pill风格提示: 要实现完美胶囊形，设置 rectRadius = 元素高度 / 2

---

Typography 排版规范 (PPT)

| 用途 | 字号 (pt) | 说明 |

|---|---|---|

| 注释/来源 | 10 ~ 12 | 最小可读字号 |

| 正文/描述 | 14 ~ 16 | 标准正文 |

| 副标题 | 18 ~ 22 | 次要标题 |

| 标题 | 28 ~ 36 | 页面标题 |

| 大标题 | 44 ~ 60 | 封面/章节标题 |

| 数据高亮 | 60 ~ 96 | 关键数字展示 |

---

Spacing 间距规范 (PPT)

基于10" × 5.625"幻灯片尺寸：

| 用途 | 推荐值 (英寸) |

|---|---|

| 图标与文字间距 | 0.08" ~ 0.15" |

| 列表项间距 | 0.15" ~ 0.25" |

| 卡片内边距 | 0.2" ~ 0.4" |

| 元素组间距 | 0.3" ~ 0.5" |

| 页面安全边距 | 0.4" ~ 0.6" |

| 主要区块间距 | 0.5" ~ 0.8" |

---

快速选择指南

| 演示类型 | 推荐风格 | 原因 |

|---|---|---|

| 财务/数据报告 | Sharp & Compact | 信息密度高，专业严谨 |

| 企业汇报/商务 | Soft & Balanced | 平衡专业与友好 |

| 产品介绍/营销 | Rounded & Spacious | 现代感，亲切感 |

| 发布会/品牌展示 | Pill & Airy | 高端感，视觉冲击 |

| 培训/教育 | Soft / Rounded | 清晰易读，友好 |

| 技术分享 | Sharp / Soft | 专业，信息清晰 |

建议反馈