К основному содержанию
скилл CX Codex

presentation-deck — скилл для Claude Code: структура

Скилл собирает презентацию под конкретную аудиторию и решение: от хука и контекста до доказательств и просьбы. Пригодится перед внутренней защитой макета.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add Owl-Listener/designer-skills --skill presentation-deck -a claude-code
Открыть на GitHub

Что делает presentation-deck

Скилл задаёт каркас презентации и подбирает его под цель выступления. Для обновления статуса это контекст, прогресс, ключевые решения, следующие шаги и просьбы. Для дизайн-ревью — цели, разбор макета, обоснование, открытые вопросы и запрос обратной связи. Для финальной защиты — проблема, процесс, решение, доказательства, эффект и дальнейшие шаги.

Есть универсальная последовательность из шести блоков: хук, контекст, путь, решение, доказательства, просьба. Плюс правила слайдов — одна мысль на слайд, визуалы вместо текста, постепенное раскрытие сложности, крупный шрифт и заметки для докладчика. Отдельно описана адаптация под аудиторию: руководителям — эффект и бизнес-ценность, инженерам — технические детали и крайние случаи, дизайнерам — процесс и соответствие дизайн-системе.

Скилл пригодится, когда презентация идёт внутрь команды или заказчику. Для портфолио автор советует case-study, а для письменного обоснования — design-rationale. Установка идёт через npx skills add, файл скилла ложится в ~/.claude/skills/presentation-deck/SKILL.md.

Какие задачи решает

  • собрать структуру обновления статуса для стейкхолдеров
  • подготовить дизайн-ревью и список открытых вопросов
  • выстроить финальную защиту макета с доказательствами
  • адаптировать одну презентацию под руководителей и инженеров
  • продумать заметки докладчика и запасные слайды под вопросы

Примеры запросов агенту

  • собери структуру презентации для дизайн-ревью в пятницу
  • нужна защита макета перед руководителями: хук, контекст, решение, доказательства, просьба
  • подготовь слайды для обновления статуса проекта с ключевыми решениями и следующими шагами

Как установить presentation-deck

1Через Skills CLI (Vercel)

npx skills add Owl-Listener/designer-skills --skill presentation-deck -a claude-code

2Вручную: положить файлы

~/.claude/skills/presentation-deck/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/presentation-deck/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора109

typography-scale Строит модульную типографическую шкалу: размеры, насыщенность, межстрочный интервал. Пригодится, когда верстаете дизайн-систему с нуля. CX Codex +1 2 600установок color-system Скилл собирает палитру продукта: тональные шкалы, семантические роли и проверку контраста по WCAG. Пригодится, когда цвета задают с нуля или переделывают. CX Codex +1 2 500установок illustration-style Скилл помогает составить стайлгид иллюстраций: фиксирует визуальный язык, правила палитры и ограничения размеров. Пригодится при заказе графики или стандартизации визуала. CX Codex +1 2 500установок visual-hierarchy Скилл выстраивает визуальную иерархию интерфейса через размер, насыщенность, цвет, отступы и позицию. Пригодится при создании новых экранов. CX Codex +1 2 500установок data-visualization Помогает агенту выбрать тип графика и настроить оси, подписи и цвета так, чтобы диаграмма читалась без легенды. CX Codex +1 2 400установок layout-grid Скилл задаёт адаптивную сетку страницы: колонки, отступы между ними, поля и поведение на брейкпоинтах. Пригодится, когда верстаете структуру с нуля. CX Codex +1 2 400установок icon-system Задаёт правила для системы иконок: сетку 24x24px, шкалу размеров, именование и доступность. Пригодится при наведении порядка в дизайн-системе проекта. CX Codex +1 2 400установок user-flow-diagram Строит диаграммы экранных переходов: точки входа, развилки, ветки ошибок. Пригодится, когда фичу нужно описать по шагам. CX Codex +1 2 400установок

Похожие

presentation-pitch-deck aaronvanston Скилл собирает инвестиционный питч-дек по фреймворкам Sequoia и YC. Пригодится, когда деку отправляют письмом, а не показывают со сцены. CX Codex +1 329установок k2f-company-deck suzheng Скилл собирает из фактов о компании и бренд-материалов презентацию с позиционированием, доказательствами и контактами. Не питч для инвесторов. CX Codex +1 2 200установок presentation-design aaronvanston Задаёт визуальные правила для смелых минималистичных презентаций: тёмная тема, крупные заголовки, акцентные цвета по секциям. Пригодится, когда нужно превратить текст в структуру слайда. CX Codex +1 798установок presentation-design-enhancer OneWave-AI Превращает перегруженные текстом слайды в визуальную подачу: предлагает раскладку, иконки и способы показать данные. CX Codex +1 573установок baoyu-slide-deck JimLiu Превращает текст в набор изображений слайдов: сначала план со стилем, потом отдельные PNG. Заточено под чтение и шаринг, не под живые выступления. CX Codex +1 31 200установок presentation-creator mblode Скилл превращает документы и идеи в структуру презентации, слайды с текстом и заметками докладчика. По умолчанию собирает разметку Marp, готовя логику перед вёрсткой. CX Codex +1 872установок

Рядом в теме «Дизайн»

Всё по теме «Дизайн» →

Вопросы о presentation-deck

Как установить presentation-deck в Claude?

Выполните npx skills add Owl-Listener/designer-skills --skill presentation-deck -a claude-code. Файл скилла появится в ~/.claude/skills/presentation-deck/SKILL.md.

Что делает presentation-deck?

Задаёт структуру дизайн-презентации под конкретную аудиторию и решение: типы выступлений, универсальный каркас из шести блоков и правила слайдов.

Чем presentation-deck отличается от case-study и design-rationale?

Для портфолио автор советует case-study, а для письменного обоснования — design-rationale. presentation-deck рассчитан на выступление внутри команды.

Исходный текст

SKILL.md · MIT
---
name: presentation-deck
description: Structure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use `case-study`; for the written argument use `design-rationale`.
---
# Presentation Deck
You are an expert in structuring design presentations that communicate clearly and persuade effectively.
## What You Do
You structure presentations that tell a compelling design story tailored to the audience.
## Presentation Types
### Stakeholder Update
Goal: Inform and align. Structure: context recap, progress, key decisions, next steps, asks.
### Design Review
Goal: Get feedback. Structure: objectives, design walkthrough, rationale, open questions, feedback request.
### Final Showcase
Goal: Gain approval. Structure: problem, process, solution, evidence, impact, next steps.
### Portfolio/Case Study
Goal: Demonstrate capability. Structure: challenge, approach, key decisions, outcome, learnings.
## Universal Structure
1. **Hook** — Why should the audience care? (problem, data, story)
2. **Context** — What do they need to know? (background, constraints)
3. **Journey** — How did you get here? (process, key moments)
4. **Solution** — What are you proposing? (the design, with rationale)
5. **Evidence** — Why is this right? (research, testing, data)
6. **Ask** — What do you need from them? (approval, feedback, resources)
## Slide Design Principles
- One idea per slide
- Show, don't tell (use visuals over text)
- Use progressive disclosure (reveal complexity gradually)
- Design for the back of the room (large text, high contrast)
- Include speaker notes for context
## Audience Adaptation
- **Executives**: Lead with impact, be concise, focus on business value
- **Engineers**: Include technical details, interaction specs, edge cases
- **Designers**: Show process, rationale, design system alignment
- **Mixed**: Layer detail progressively, lead with the big picture
## Best Practices
- Rehearse with a colleague before the real presentation
- Prepare for questions (have backup slides)
- Start with the audience's concerns, not yours
- End with a clear ask or next step
- Follow up with a summary document

© Owl-Listener · MIT · Owl-Listener/designer-skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой