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

social-media-image-sizes — скилл для Claude Code: установка

Скилл проверяет размеры картинок под требования 9 соцсетей и обрезает файлы скриптом на Node.js. Пригодится для постов и рекламы без запуска графического редактора.

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

Что делает social-media-image-sizes

Скилл знает 60+ спецификаций соцсетей. Скрипт scripts/check.js сверяет поданный файл с размерами платформ и выводит ранжированный список совпадений: от точного попадания до вариантов, где картинка слишком мала. Для каждого несовпадающего формата утилита сразу генерирует готовую команду обрезки.

Второй инструмент, scripts/resize.js, кадрирует оригинал под нужный формат. По умолчанию работает центрирование. Если важный объект смещён к краю, можно переключить режим на contain с фоном через флаг --bg.

Без Node.js 18+ скрипты не запустятся. Перед первым стартом обязательно выполните npm install внутри каталога скилла. Графическому модулю Sharp нужен нативный бинарник, поэтому за прокси может понадобиться флаг SHARP_IGNORE_GLOBAL_LIBVIPS=1.

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

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

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

  • Проверь файл banner.jpg через scripts/check.js для Instagram и подскажи команду ресайза
  • Обрежь фото cover.png под LinkedIn Background Photo в режиме contain с белым фоном
  • Выведи список всех доступных форматов через scripts/resize.js

Как установить social-media-image-sizes

1Через Skills CLI (Vercel)

npx skills add Branding5/social-media-image-sizes --skill social-media-image-sizes -a claude-code

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

~/.claude/skills/social-media-image-sizes/SKILL.md

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

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

Вопросы о social-media-image-sizes

Как установить social-media-image-sizes в Claude Code?

Выполните в терминале команду npx skills add Branding5/social-media-image-sizes --skill social-media-image-sizes -a claude-code. Затем перейдите в папку скилла и запустите npm install.

Что делает social-media-image-sizes?

Скилл валидирует габариты файлов по более чем 60 пресетам социальных сетей и создаёт правильно подогнанные копии. Для неподходящих форматов он сразу готовит команды кадрирования.

Что требуется для работы скриптов?

Нужен установленный Node.js версии 18 или новее, а также npm или pnpm. При первой установке библиотека Sharp загружает нативный бинарник под текущую платформу.

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

SKILL.md · MIT
---
name: social-media-image-sizes
description: Check and resize images for social media platforms. Run scripts/check.js to validate any image against specs for Instagram, Facebook, X (Twitter), LinkedIn, TikTok, YouTube, Pinterest, Snapchat, and Threads — get a ranked match list with exact resize commands. Run scripts/resize.js to export a correctly-sized copy. Use when a user asks to validate image dimensions, resize an image for a platform, check if an image fits a spec, or prep assets for social media posting or ads.
license: MIT
compatibility: Requires Node.js 18+ and npm (or pnpm). Run npm install once before first use.
metadata:
  author: Branding5
  version: "1.0.0"
  source: https://www.branding5.com/tools/social-media-cheat-sheet
allowed-tools: Bash
---

# Social Media Image Sizes

Check and resize images for 9 platforms / 60+ specs. Scripts mirror the logic at [branding5.com/tools/social-media-cheat-sheet](https://www.branding5.com/tools/social-media-cheat-sheet).

## Setup

Run once after install:

```bash
cd <skill-dir>
npm install
```

## Check an image

```bash
node scripts/check.js photo.jpg
```

Outputs a ranked match list — perfect → close → usable → too small — with an inline `node scripts/resize.js` command for every non-perfect match.

Filter by platform or match level:

```bash
node scripts/check.js photo.jpg --platform instagram
node scripts/check.js photo.jpg --filter perfect
node scripts/check.js photo.jpg --filter usable
```

Platform slugs: `instagram` `facebook` `twitter` `linkedin` `tiktok` `youtube` `pinterest` `snapchat` `threads`

## Resize an image

```bash
node scripts/resize.js photo.jpg "Instagram Portrait Post"
# → photo-instagram-portrait-post.jpg  (1080×1350 px)

node scripts/resize.js photo.jpg "YouTube Custom Thumbnail"
# → photo-youtube-custom-thumbnail.jpg  (1280×720 px)
```

Default fit is **cover** (center-crop). Use `--fit contain` to letterbox instead:

```bash
node scripts/resize.js photo.jpg "LinkedIn Background Photo" --fit contain --bg f0f0f0
node scripts/resize.js photo.jpg "Instagram Portrait Post" --out ./exports/ig.jpg
```

List every available spec name:

```bash
node scripts/resize.js photo.jpg --list
```

## Workflow

1. Run `check.js` to see what a given image already matches
2. Copy the suggested `resize.js` command from the output
3. Run it — the output file is saved alongside the original by default

## Gotchas

- **Sharp requires a native binary.** On first `npm install`, it downloads a prebuilt binary for your platform. If install fails behind a proxy, set `SHARP_IGNORE_GLOBAL_LIBVIPS=1` and retry.
- **All slides in an Instagram carousel must share the same aspect ratio.** The first image sets the ratio for the whole carousel — check all slides, not just the first.
- **Facebook cover photo has two safe zones.** Desktop shows 820×312; mobile crops to 640×360. Keep key content in the center 640×312.
- **YouTube banner safe area is much smaller than the file.** The spec is 2560×1440 but only the center 1546×423 is guaranteed visible on all devices. check.js flags the full size; keep critical content in the safe area.
- **`--fit cover` center-crops.** If the subject isn't centered, use `--out` to save, then manually crop, or use an image editor before running resize.

## References

Full per-platform specs (load when you need detail for a specific platform):

- `references/instagram.md` — profile, feed, stories, reels, carousel, ads
- `references/facebook.md` — profile, cover, feed, stories, events, ads
- `references/x-twitter.md` — profile, header, posts, ads
- `references/linkedin.md` — profile, cover, feed, articles, ads
- `references/tiktok.md` — profile, videos, ads
- `references/youtube.md` — channel art, videos, thumbnails, shorts, ads
- `references/pinterest.md` — profile, pins, idea pins, ads
- `references/snapchat.md` — snaps, spotlight, stories, ads, filters
- `references/threads.md` — profile, posts
- `references/best-practices.md` — format, compression, safe zones, accessibility

Full compiled reference (all platforms in one file): `AGENTS.md`

---

*Need to generate on-brand images at these sizes? [Branding5](https://www.branding5.com) pairs your brand kit with AI to produce social content pre-sized for every platform.*

© Branding5 · MIT · Branding5/social-media-image-sizes

Похожие скиллы

Всё по теме «Дизайн» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. 850 344установок

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

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