83.3K+Скачать
Перейти к руководству
slidesавтор nextlevelbuilder

Slides Skill.

Скилл Claude Code и Codex для создания презентаций PPT и слайдов: стратегические HTML-презентации с Chart.js, токенами дизайна и адаптивной вёрсткой.

  • Presentations
  • HTML-слайды
Скачать OpenDesignИнструкция по использованию
nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/slides/SKILL.mdSKILL.md
--- name: slides description: Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies. --- ## When to Use ## Subcommands ## Script Paths ## References (Knowledge Base) ## Routing
Метаданные и заголовки разделов из исходного файла от 14.09.2026 · 1 718 символов полностью

01 Что делает

Что делает skill slides в Claude Code и Codex

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

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

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

Этот skill создаёт стратегические HTML-презентации с визуализацией данных на Chart.js, токенами дизайна и адаптивными макетами. Он применяет формулы копирайтинга и контекстные стратегии слайдов к маркетинговым презентациям, пич-декам и слайдам на основе данных.

Skill маршрутизируется через подкоманду create и предоставляет базу знаний с шаблонами макетов, HTML-шаблонами, формулами копирайтинга и стратегиями слайдов. Скрипты работают относительно каталога skill, при этом читая и записывая файлы проекта, такие как docs/brand-guidelines.md, assets/design-tokens.json или src/ из корня проекта.

Что он выдаёт

  • Стратегические слайды презентации с HTML-шаблоном, визуализациями Chart.js и применёнными формулами копирайтинга
Смотрите пример запроса ↗

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

  1. 01
    Разбор подкоманды

    Skill извлекает первое слово из аргументов, чтобы определить, какую подкоманду выполнить.

  2. 02
    Загрузка файла-справочника

    Skill загружает соответствующий markdown-файл из каталога references, который соответствует подкоманде.

  3. 03
    Выполнение с оставшимися аргументами

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

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

Когда использовать skill slides

Используйте skill slides в Claude Code или Codex, когда задача связана с PPT и слайдовыми презентациями такого рода. Область применения и ограничения ниже взяты из собственного файла навыка.

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

  • Маркетинговые презентации и питч-деки
  • Слайды на основе данных с Chart.js
  • Стратегический дизайн слайдов с паттернами компоновки
  • Контент презентаций, оптимизированный для копирайтинга

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

  • Требуется Chart.jsSKILL.md указывает эту зависимость; skill не работает без неё в вашем проекте.

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

  • ТребуетсяChart.js — указан в SKILL.md как обязательный.

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

Правила, которые skill slides задаёт Claude Code и Codex

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

  1. Разрешение путей скриптов

    Пути скриптов в этом skill и его справочниках указываются относительно каталога, содержащего SKILL.md, а не относительно корня проекта. Рабочий каталог остаётся в корне проекта.

  2. Доступ к файлам проекта

    Скрипты читают и записывают файлы проекта, такие как docs/brand-guidelines.md, assets/design-tokens.json или src/, относительно рабочего каталога проекта.

  3. Базовый каталог skill

    Строить полный путь от базового каталога skill, который Claude Code сообщает при загрузке skill, при этом рабочий каталог остаётся в корне проекта.

04 Применение

Установите slides в Claude Code или Codex

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

Добавьте slides в Claude Code, Codex или ваш агент

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

Terminal
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides

Общая форма CLI skills для .claude/skills/slides/SKILL.md; репозиторий может документировать собственный путь.

Дайте skill первую задачу с PPT и слайд-деками

Написано в терминах самого skill; замените части в квадратных скобках своим материалом.

Starter prompt
Create a 12-slide pitch deck on [product launch strategy] with data visualizations for [market growth projections] and [competitive positioning]. Apply layout patterns for visual hierarchy and use copywriting formulas to strengthen the value proposition on key slides.

Источник: составлено по SKILL.md в терминах самого skill.

Проверьте первый результат

Что сам SKILL.md считает правильным результатом:

  • Убедитесь, что шаблоны макетов из references/layout-patterns.md применяются последовательно на всех слайдах
  • Проверьте, что формулы копирайтинга из references/copywriting-formulas.md используются в содержимом презентации
  • Убедитесь, что стратегии слайдов из references/slide-strategies.md соответствуют контексту презентации
  • Проверьте, что токены дизайна из assets/design-tokens.json применены корректно
  • Проверьте адаптивные макеты на разных размерах вьюпорта

В OpenDesign slides встроен: Plugins → Skills, выберите его в верхней панели.

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

05 Открытый исходный код, проверяемость

Источник, лицензия и проверка

Откуда взяты факты на этой странице и когда они были последний раз проверены.

Author
nextlevelbuilder
Repository
github.com/nextlevelbuilder/ui-ux-pro-max-skill Ветка main
Файл skill
.claude/skills/slides/SKILL.md Контрольная сумма содержимого зафиксирована при верификации; коммит 7f69fed
License
MIT Из LICENSE.
Звёзды репозитория
127 450 Снимок GitHub сделан 2026-09-14 для всего репозитория nextlevelbuilder/ui-ux-pro-max-skill, который содержит 7 skills в этом каталоге. Не является рейтингом или счётчиком использования для slides.
Проверено OpenDesign
2026-09-14 Исходный файл, путь, текст лицензии и количество звёзд проверены. Включён в основной OpenDesign (проверено 2026-08-28); запись живого запуска на этой странице отсутствует.

Внутри SKILL.md

  1. Когда использоватьПеречисляет варианты использования: маркетинговые презентации, слайды на основе данных, стратегический дизайн, контент, оптимизированный под копирайтинг
  2. ПодкомандыДокументирует подкоманду create для генерации стратегических презентационных слайдов
  3. Пути к скриптамОбъясняет разрешение путей к скриптам относительно директории skill при работе из корня проекта
  4. Справочные материалы (база знаний)Перечисляет справочные файлы для шаблонов макетов, HTML-шаблона, формул копирайтинга, стратегий слайдов
  5. МаршрутизацияОписывает трёхшаговый процесс: разбор подкоманды, загрузка справочного файла, выполнение с оставшимися аргументами
Собственное описание skill
«Создавайте стратегические HTML-презентации с Chart.js, design token, адаптивными макетами, формулами копирайтинга и контекстными стратегиями слайдов».

Описание из front-matter файла SKILL.md. Полный файл составляет около 1718 символов. Читать полный файл на GitHub.

Slides

Запустите slides на реальной задаче PPT и слайд-деков.

Skill slides встроен в OpenDesign. Скачайте приложение, выберите skill в Plugins → Skills, вставьте промпт выше и прочтите план перед результатом.

Загрузить OpenDesignВсе навыки
Терминал
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides