# designing-email-templates

Скилл создаёт и редактирует шаблоны писем для кампаний и рабочих процессов PostHog через MCP. Пригодится, когда письмо нужно собрать из редактируемых блоков и персонализировать с помощью Liquid.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 301 установка · ★ 75
- Автор: PostHog
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/PostHog/skills/tree/HEAD/skills/omnibus/designing-email-templates/SKILL.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/skills/designing-email-templates

## Что делает

Скилл формирует JSON-дизайн письма и сохраняет его в библиотеке PostHog через `workflows-create-email-template`. Для персонализации использует Liquid в теме, тексте и ссылках; после создания или обновления вызывает `workflows-show-email-template`, чтобы показать предпросмотр. Результат можно открыть в визуальном редакторе PostHog.

Изображения сначала ищет в медиабиблиотеке, а новые загружает через инструменты `media-image-upload-start` и `media-image-upload-complete`. Ссылки по умолчанию проходят через перенаправление для отслеживания кликов; это ломает универсальные ссылки мобильных приложений, поэтому для таких ссылок нужен маркер отключения отслеживания на самом `<a>`. Маркировка отключает сбор метрик кликов.

Для шаблона нужны тема письма и отдельный текстовый вариант сообщения. Маркетинговым письмам требуется ссылка для отписки. Изображения должны быть меньше 4 MB и иметь формат PNG, JPEG, GIF, WebP, AVIF или BMP; это повод проверить размер и формат до загрузки. Описание обрывается на разделе о переносе HTML-писем, поэтому подробности этого процесса здесь не перечислены.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add PostHog/skills --skill designing-email-templates -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/designing-email-templates/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/designing-email-templates/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add PostHog/skills --skill designing-email-templates -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/designing-email-templates/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add PostHog/skills --skill designing-email-templates -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/designing-email-templates/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install PostHog/skills designing-email-templates
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/designing-email-templates/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add PostHog/skills --skill designing-email-templates -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/PostHog/skills --path skills/omnibus/designing-email-templates
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/designing-email-templates/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add PostHog/skills --skill designing-email-templates -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/PostHog/skills/tree/HEAD/skills/omnibus/designing-email-templates/SKILL.md

## Когда брать
- собрать письмо из редактируемых блоков для кампании
- персонализировать тему и текст письма с помощью Liquid
- обновить существующий шаблон и посмотреть его предпросмотр
- перенести изображения в медиабиблиотеку PostHog
- отключить отслеживание кликов для ссылки на приложение

## Примеры запросов агенту
- Создай шаблон приветственного письма в PostHog с персонализацией имени через Liquid.
- Обнови дизайн письма для кампании и покажи предпросмотр.
- Добавь ссылку на приложение без отслеживания кликов и сохрани шаблон.

## Похожие
- [mjml-email-templates](https://affpapa.org/nevibecode/skills/mjml-email-templates.md) — скилл · 492 установки
- [cold-email-deliverability](https://affpapa.org/nevibecode/skills/cold-email-deliverability.md) — скилл · 25700 установок
- [email-marketing](https://affpapa.org/nevibecode/skills/email-marketing.md) — скилл · 5000 установок
- [email-sequence](https://affpapa.org/nevibecode/skills/anthropics-email-sequence.md) — скилл · 2900 установок
- [shopify-email-flows](https://affpapa.org/nevibecode/skills/shopify-email-flows.md) — скилл · 1100 установок
- [email-sequence-designer](https://affpapa.org/nevibecode/skills/email-sequence-designer.md) — скилл · 1000 установок

Из того же набора: [posthog/skills](https://affpapa.org/nevibecode/by/posthog/skills.md) — 21 карточка

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md