# selling-point-infographic

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

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · ★ 120
- Автор: xianyu110
- Лицензия: MIT · policy=mirror · лицензия открытая, файл — в исходнике
- Исходник: https://github.com/xianyu110/ecommerce-image-skills/tree/HEAD/skills/selling-point-infographic/SKILL.md
- Обновлён: 2026-10-08
- HTML: https://affpapa.org/nevibecode/skills/selling-point-infographic

## Что делает

Скилл помогает при работе с вторичными изображениями на Amazon, карточками Taobao и объявлениями: генерирует инфографику, где каждый слайд показывает одно преимущество товара. Вы даёте агенту фото продукта и проверенные факты, скилл строит макет из фото, иконок, текста и фона, держит логотип и надписи точно как задано.

В арсенале четыре шаблона: «Герой + 3 ряда» (товар слева, в колонке справа — заголовок и три характеристики с иконками), «Выноски» (товар в центре, три-четыре метки со стрелками к частям), «Сравнение» (наш товар vs обычный в две колонки с галочками и крестиками), «Число-герой» (одна крупная цифра вроде «24H» или «1200 мАh», товар, строка объяснения). Для точности текста на итоговой картинке скилл использует модель Sunburst вместо Flare.

Скилл требует либо встроенного инструмента генерации изображений в агенте (есть в Claude Code и Cursor), либо ключа `GPTIMAGE_API_KEY` для скрипта `generate.py`, либо ссылки для браузера. Размеры под платформы: 2000×2000 для Amazon, 800×800 для Taobao, 1:1 или 4:5 для объявлений. Главное правило — никаких придуманных характеристик: только факты из фото и одобренные пользователем.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add xianyu110/ecommerce-image-skills --skill selling-point-infographic -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add xianyu110/ecommerce-image-skills --skill selling-point-infographic -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add xianyu110/ecommerce-image-skills --skill selling-point-infographic -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install xianyu110/ecommerce-image-skills selling-point-infographic
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add xianyu110/ecommerce-image-skills --skill selling-point-infographic -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/xianyu110/ecommerce-image-skills --path skills/selling-point-infographic
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add xianyu110/ecommerce-image-skills --skill selling-point-infographic -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/xianyu110/ecommerce-image-skills/tree/HEAD/skills/selling-point-infographic/SKILL.md

## Когда брать
- собрать инфографику с характеристиками товара из фото и текста
- нарисовать вторичные изображения для Amazon или Taobao с одним бенефитом на картинку
- сравнить свой товар с альтернативой в одном макете
- разместить большую цифру (объём, время работы, объём памяти) как центральный элемент инфографики

## Примеры запросов агенту
- Нарисуй инфографику для Amazon: герой справа, слева три ряда — каждый с иконкой, заголовок «Гибкая спираль», контраст 4.5:1, размер 2000×2000.
- Сделай сравнение: слева наш градиентный фон (синий в фиолетовый), справа обычный товар, три ряда — галочки vs крестики, шрифт без засечек.
- Собери число-герой: 48H — в центре большая, фото батарейки слева, одна строка внизу «Автономность до трёх суток».

## Похожие
- [frontend-design](https://affpapa.org/nevibecode/skills/frontend-design.md) — скилл · 1025790 установок
- [grill-me](https://affpapa.org/nevibecode/skills/grill-me.md) — скилл · 1424476 установок
- [design-taste-frontend](https://affpapa.org/nevibecode/skills/design-taste-frontend.md) — скилл · 678700 установок
- [prototype](https://affpapa.org/nevibecode/skills/prototype.md) — скилл · 986201 установка
- [grilling](https://affpapa.org/nevibecode/skills/grilling.md) — скилл · 979543 установки
- [codebase-design](https://affpapa.org/nevibecode/skills/codebase-design.md) — скилл · 850344 установки

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

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

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