# suede-image

Скилл ведёт производство маркетинговых изображений: hero, баннеры, Open Graph, мокапы из реального интерфейса. Пригодится, когда нужна картинка под конкретное место, а не абстрактная иллюстрация.

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

## Что делает

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

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

Промпт строится по схеме «субъект + обстановка + стиль + свет + композиция + технические параметры», с обязательным указанием соотношения сторон. Скилл не просит вставлять API-ключи в чат и требует подтверждения перед платным аккаунтом. Он не заменяет системы платной рекламы, видео, скриншотов для сторов и стратегии соцсетей — для этого есть соседние скиллы из того же набора.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add JasonColapietro/suede-creator-skills --skill suede-image -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add JasonColapietro/suede-creator-skills --skill suede-image -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add JasonColapietro/suede-creator-skills --skill suede-image -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install JasonColapietro/suede-creator-skills suede-image
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add JasonColapietro/suede-creator-skills --skill suede-image -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/JasonColapietro/suede-creator-skills --path skills/suede-image
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add JasonColapietro/suede-creator-skills --skill suede-image -a opencode
```

### Claude.ai

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

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

## Когда брать
- собрать hero-картинку под конкретную площадку и размер
- сделать Open Graph превью для страницы
- подготовить мокап продукта из реального интерфейса
- проверить права на логотип и скриншот перед загрузкой
- выгрузить изображение с нужным сжатием и alt-текстом

## Примеры запросов агенту
- Сделай hero-изображение для лендинга, 16:9, стиль чистый коммерческий, свет слева
- Собери мокап продукта: сними экран приложения и наложи заголовок
- Подготовь Open Graph картинку 1200x630 и подбери alt-текст

## Похожие
- [HTML/CSS to Image API](https://affpapa.org/nevibecode/mcp/htmlcss-to-image-api.md) — MCP-сервер · ★ 7
- [ecommerce-image-workflow](https://affpapa.org/nevibecode/skills/ecommerce-image-workflow.md) — скилл · 2000 установок
- [image](https://affpapa.org/nevibecode/skills/image.md) — скилл · 87800 установок
- [imagegen](https://affpapa.org/nevibecode/skills/nexu-io-imagegen.md) — скилл · 2700 установок
- [image-generation](https://affpapa.org/nevibecode/skills/image-generation.md) — скилл · 5600 установок
- [ai-image-generator](https://affpapa.org/nevibecode/skills/ai-image-generator.md) — скилл · 1400 установок

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

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