98.8K+Скачать
Перейти к руководству
design-style-skillавтор MiniMax

Design Style Skill Skill.

Skill для Claude Code и Codex для PPT и презентаций: согласованная визуальная система для слайдов PPT на основе рецептов радиусов и отступов.

  • Presentations
Скачать OpenDesignИнструкция по использованию
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 · 4456 символов полностью

01 Что делает

Что делает skill design-style-skill в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

design-style-skill выбирает одну согласованную визуальную систему для слайдов PPT, варьируя радиус углов (rectRadius) и отступы, всё в дюймах на холсте 10" × 5,625" LAYOUT_16x9, построенном с помощью PptxGenJS. Он предлагает четыре рецепта — Sharp & Compact, Soft & Balanced, Rounded & Spacious и Pill & Airy — каждый с таблицами токенов для малых, средних и больших радиусов, внутренних отступов элементов, интервалов между элементами, отступов страницы и интервалов между блоками.

Эти токены применяются к шести компонентам: кнопкам и тегам, карточкам и контейнерам, контейнерам изображений, формам полей ввода, значкам и рамкам аватаров. Принципы смешивания охватывают вложенность радиусов, зависимость отступов от плотности и соотношение радиуса и высоты, затем идёт шкала типографики от 10 pt до 96 pt, шкала интервалов и таблица быстрого выбора по типу презентации.

Что он выдаёт

  • Соответствие rectRadius на уровне компонентов для каждого стиля, охватывающее кнопки и теги во всех четырёх рецептах.
  • Готовые к адаптации вызовы addShape в PptxGenJS, показывающие форму, положение, цвет заливки и rectRadius для заданного стиля.
  • Размеры шрифта в пунктах для шести полос использования, до 44-60 pt для обложки и заголовков разделов.
  • Шкала отступов в дюймах для внутренних полей карточек и других промежутков.
Смотрите пример запроса ↗

Как это работает

  1. 01
    Выберите рецепт из обзора

    Четыре стиля определяются диапазоном радиуса углов и диапазоном отступов, каждый сопоставлен со сценариями, которым он подходит, от насыщенных данными отчётов до презентаций запуска.

  2. 02
    Скопируйте таблицу токенов этого стиля

    Каждый рецепт даёт числовые токены радиуса в дюймах; стиль Rounded & Spacious задаёт большой радиус равным 0,25".

  3. 03
    Сопоставьте токены с компонентами

    Таблица компонентов задаёт rectRadius для каждого компонента во всех четырёх стилях, поэтому карточка/контейнер равна 0,03" в Sharp, 0,1" в Soft, 0,2" в Rounded и 0,3" в Pill.

  4. 04
    Выбирайте радиус относительно высоты элемента

    Радиус — не одно фиксированное значение: таблица высот делит элементы на полосы менее 0,3", 0,3"-0,6", 0,6"-1,2" и более 1,2" со своим радиусом для каждого стиля.

  5. 05
    Задавайте размеры шрифта по таблице типографики

    Шесть полос использования идут от аннотаций и источников до выделения данных; основной текст и описания находятся в диапазоне 14-16 pt.

  6. 06
    Подтвердите выбор в руководстве быстрого выбора

    Тип презентации определяет рекомендацию — техническая презентация указывает на Sharp или Soft для профессионализма и чёткости информации.

02 Определите своё применение

Когда использовать skill design-style-skill

Используйте skill design-style-skill в Claude Code или Codex, когда задача связана с PPT и слайд-деками такого рода. Назначение и ограничения взяты из файла самого skill.

Хорошо подходит

  • Финансовые и аналитические отчёты, где Sharp & Compact оправдывает себя высокой плотностью информации и строгостью.
  • Корпоративная отчётность и деловые презентации, которым нужно сочетать профессионализм с доступностью.
  • Презентации продуктов и маркетинговые слайды, которым нужен современный, дружелюбный вид.
  • Презентации запуска и бренд-шоукейсы, которым нужен премиальный вид и визуальное воздействие.
  • Учебные и образовательные материалы, которые должны оставаться ясными и читаемыми.

Знайте границы

  • Внутренний радиус, больший, чем внешний контейнер, выглядит как визуальное переполнение и отмечается как ошибка.
  • Фиксированные значения радиуса Pill не подходят для коротких элементов: всё, что ниже 0,3" по высоте, должно использовать половину своей высоты вместо этого.

Что предоставить

  • Тип презентацииТаблица быстрого выбора сопоставляет тип презентации с рекомендуемым стилем и объясняет причину, поэтому укажите, для чего предназначена презентация.
  • Высоты элементовРадиусы определяются по полосе высоты элемента для каждого стиля, поэтому вам нужна высота каждого стилизуемого элемента.
  • Размер слайда, который фиксированШкала отступов определена относительно слайда 10" × 5,625", поэтому все значения предполагают именно этот холст.

03 Внутри скилла

Правила, которые skill design-style-skill задаёт для Claude Code и Codex

7 конкретных инструкций, значений по умолчанию и ограничений, которые SKILL.md задаёт агенту, — та часть файла, которая меняет результат.

  1. Капсулам нужна половина высоты элемента

    В стиле Pill фиксированные радиусы сами по себе не дают капсулу: задайте rectRadius равным высоте элемента, разделённой на 2.

  2. Внешний радиус ограничивает внутренний радиус

    Радиус угла контейнера должен быть больше или равен радиусу всего, что вложено внутрь него.

  3. Радиус привязан к высоте элемента

    Для элемента высотой 0.6"-1.2" используйте 0.03" в Sharp, 0.08" в Soft, 0.2" в Rounded и 0.3" в Pill.

  4. Плотность определяет отступы

    Области с данными используют более плотные отступы Sharp или Soft, а не свободный рецепт.

  5. В Pill аватары полностью круглые

    Рамки аватаров используют rectRadius 0.5" в Pill, против 0.1" в Soft и 0.2" в Rounded.

  6. Ничего меньше 10 pt

    Аннотации и источники выполняются в 10-12 pt — таблица называет это минимально читаемым размером.

  7. Отступ страницы — часть рецепта

    Pill & Airy задаёт отступ страницы 0.6" — самый широкий из четырёх рецептов стиля.

04 Применение

Установите design-style-skill в Claude Code или Codex

Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

Добавьте design-style-skill в Claude Code, Codex или ваш агент

Запустите в своём проекте; установщик спросит, какому агенту его добавить.

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

Общая форма CLI-команды skills для plugins/pptx-plugin/skills/design-style-skill/SKILL.md; репозиторий может документировать собственный путь.

Дайте 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 считает правильным результатом:

  • Для кнопки Pill высотой 0.4" rectRadius в 0.2" — проверка того, что форма читается как капсула.
  • Проверяйте каждый радиус по диапазону высоты: элемент 0.3"-0.6" берёт 0.02" / 0.05" / 0.12" / половину своей высоты в зависимости от стиля.
  • Держите безопасный отступ страницы в диапазоне 0.4"-0.6" из таблицы отступов.
  • Проверьте, что декоративные промежутки, такие как расстояние от иконки до текста, остаются между 0.08" и 0.15".

В OpenDesign импортируйте design-style-skill по ссылке на его SKILL.md: Plugins → Add → Skill → Import from link, затем выберите его в верхней панели.

Скачать OpenDesignЧитать quickstart

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 сделан 14.09.2026 для всего репозитория MiniMax-AI/skills, который содержит 6 skills в этом каталоге. Это не рейтинг и не счетчик использования для design-style-skill.
Проверено OpenDesign
2026-09-14 Исходный файл, путь, текст лицензии и количество звезд были проверены. Не входит в основной комплект OpenDesign (проверено 2026-08-28); живой запуск не был записан на этой странице.

Внутри SKILL.md

  1. # Style Recipes - PPT视觉风格系统Обозначает рамки skill: один дизайн, четыре стиля по радиусу и отступам, с указанием единиц в дюймах.
  2. ## 风格概览Обзорная таблица, сопоставляющая диапазон радиуса и отступов каждого стиля со сценариями, для которых он подходит.
  3. ## Sharp & Compact（锐利紧凑）Квадратный, плотный, серьёзный; рецепт токенов от радиусов 0" до отступа страницы 0.3".
  4. ## Soft & Balanced (Мягкий и сбалансированный)Умеренные радиусы и комфортные отступы; универсальный рецепт для бизнеса.
  5. ## Rounded & Spacious (Скруглённый и просторный)Крупные радиусы и щедрые отступы для дружелюбного, современного впечатления.
  6. ## Pill & Airy (Капсульный и воздушный)Полностью скруглённые капсулы и максимум пространства для брендовых презентаций.
  7. # Таблица соответствия стилей на уровне компонентовrectRadius для каждого компонента и стиля, плюс пример радиуса на PptxGenJS.
  8. # Принципы смешиванияТри правила смешивания: вложенность радиусов, плотность-ориентированные отступы и радиус относительно высоты элемента.
  9. # Правила типографики (PPT)Шесть диапазонов размера шрифта — от аннотаций до выделения данных.
  10. # Правила отступов (PPT)Значения в дюймах для зазоров между иконками, элементами списка, отступов карточек, групп, полей и блоков.
  11. # Краткое руководство по выборуСопоставляет шесть типов презентаций с рекомендуемым стилем и объясняет причину.
Собственное описание skill
«Выбирает единую систему визуального дизайна для PPT-слайдов на основе рецептов радиусов и отступов. Используйте, когда пользователь запрашивает общее визуальное направление или согласованность стилей компонентов. Включает рецепты Sharp/Soft/Rounded/Pill, сопоставления компонентов, правила типографики и отступов, а также рекомендации по смешиванию. Триггеры: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style.»

Описание из front-matter файла SKILL.md. Полный файл содержит около 4456 символов. Читайте полный файл на GitHub.

Навык Design Style

Запустите design-style-skill на реальной задаче по созданию презентаций и слайдов.

Загрузите OpenDesign, импортируйте design-style-skill по ссылке на его SKILL.md, вставьте промпт выше и изучите план перед результатом.

Загрузить OpenDesignВсе навыки
Терминал
npx skills add https://github.com/MiniMax-AI/skills --skill design-style-skill

OpenDesign для компьютера

Одна дизайн-система. Единый образ бренда во всех материалах

В полном Vibe Design Workspace одни и те же правила бренда работают для сайтов, слайдов, интерактивных прототипов, дашбордов, изображений и HTML-видео. Подключите локальные Codex, Claude Code, Cursor и другие кодинг-агенты и создавайте бесплатно.

  • Сайты, слайды, прототипы, дашборды, изображения и видео
  • Более 140 дизайн-систем и полная библиотека шаблонов и навыков
  • Локальный Codex и более 21 кодинг-агента · Бесплатно
Скачать бесплатно

Для macOS и Windows