Skills

Design Style Skill

Select a consistent visual design system for PPT slides using radius/spacing style...

Install

npx skills add MiniMax-AI/skills --skill design-style-skill -g -a claude-code -y
Repository
MiniMax-AI/skills13.8k
Category
Design
Updated
7mo ago
License
MIT
Context cost
Lightabout 1,007 tokens
Runs scripts
No, instructions only

What it does

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.

Style Recipes - PPT视觉风格系统

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

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

风格概览

风格圆角范围间距范围适合场景
Sharp & Compact0 ~ 0.05"紧凑数据密集型、表格、专业报告
Soft & Balanced0.08" ~ 0.12"适中企业汇报、商务演示、通用PPT
Rounded & Spacious0.15" ~ 0.25"宽松产品介绍、营销演示、创意展示
Pill & Airy0.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"通透

组件级风格映射表

Read the whole SKILL.md on GitHub

More in Design