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

pinterest-pin-design — скилл для Claude Code: обзор и установка

Оформляет концепции и брифы для пинов Pinterest формата 2:3, текстовые оверлеи под мобильную ленту и серии свежих вариантов под один URL.

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

Что делает pinterest-pin-design

Скилл разрабатывает композицию и брифы для вертикальных пинов 1000×1500 по фреймворку SAVED. Он задаёт одну точку фокуса, проверяет читаемость текста с ключевыми словами на экранах телефонов и формирует от 3 до 5 визуально разных вариантов на один целевой адрес вместо простой смены цвета.

Сам агент не рендерит растровую графику. Он готовит бриф для дизайнера или генераторов вроде Ideogram, а публикацию готового пина со ссылкой передаёт в WoopSocial. Перед составлением брифа скилл считывает профиль бренда, посадочную страницу и ключ из pinterest-seo.

Логотип или ссылку нельзя ставить в правый нижний угол, иначе их перекроет интерфейс самого Pinterest. Визуал обязан точно соответствовать содержимому страницы, чтобы избежать отказов аудитории.

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

  • составить бриф для пина с пропорциями 2:3
  • разместить поисковый оверлей с учётом мобильной сетки
  • спланировать от 3 до 5 свежих вариантов под один URL
  • разметить безопасные зоны для логотипа и интерфейса

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

  • Сделай бриф для пина 1000×1500 под статью о ремонте кухни, ключ возьми из pinterest-seo.
  • Составь 4 свежих варианта композиции для одного URL с учётом палитры из brand-profile.
  • Проверь макет обложки: оверлей должен читаться в ленте шириной 236 пикселей.

Как установить pinterest-pin-design

1Через Skills CLI (Vercel)

npx skills add social-media-skills/skills --skill pinterest-pin-design -a claude-code

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

~/.claude/skills/pinterest-pin-design/SKILL.md

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

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

Вопросы о pinterest-pin-design

Как установить pinterest-pin-design в Claude Code?

Выполните в терминале команду npx skills add social-media-skills/skills --skill pinterest-pin-design -a claude-code. Конфигурация сохранится в файле ~/.claude/skills/pinterest-pin-design/SKILL.md.

Создаёт ли скилл готовые изображения?

Нет, скилл формирует концепцию, сетку и текстовый бриф. Итоговый растр собирает человек либо графический редактор вроде Canva или Ideogram.

Почему нельзя ставить логотип в правый нижний угол?

В правом нижнем углу пина отображаются системные иконки интерфейса Pinterest, поэтому графика там перекрывается.

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

SKILL.md · MIT
---
name: pinterest-pin-design
description: >-
  The Pinterest pin design skill -- the visual half that pairs with pinterest-seo's keyword layer.
  Use when someone wants to design a pin, a Pinterest pin image, a pin text overlay, fresh pin
  variations for an existing URL, or board covers. Designs and briefs the 2:3 (1000x1500) vertical
  pin: one focal point, a keyword text overlay readable at feed size, brand-consistent template,
  safe zones, and 3-5 visually distinct FRESH designs per destination URL. Uses the SAVED framework.
  Reads brand-profile + the destination + the pinterest-seo keyword first. A HUMAN or an
  image/design tool (ideogram/canva/nano-banana/a designer) creates the final raster; WoopSocial
  publishes the finished pin image + title + description + board + link. No misleading pins, no
  repin-as-fresh dupes, engagement never fabricated. Distinct from pinterest-seo (the keyword layer
  -- they PAIR), pinterest-growth (the strategy), design-and-templates (the template system), and
  ideogram/canva (render the raster this briefs).
version: 1.0.0
---

# pinterest-pin-design

A **design-craft skill** — design the pin's concept + composition + overlay, produce the **brief**, and plan
the **fresh-pin variants**. The agent **designs + briefs + critiques**; a **human or image tool makes the
raster**; **WoopSocial publishes the finished pin** (image + title + description + board + link).

## The POV: a search result, not a post — designed to be found, saved, and clicked
A pin is a **search result in a two-column mobile feed**, competing at roughly **half a phone screen wide**
(~236px in the desktop grid). Its job is the **save and the outbound click**, and it keeps doing that job for
**months** (~4-month lifespan) — so a pin is an **asset, not a post.** Two rules anchor everything: the
**visual and the keyword are one unit** (this skill owns the visual; **pinterest-seo** owns the keyword — the
keyword goes in the **overlay AND the title**), and **fresh beats frequent reposting** — a "fresh pin" is a
**new image/layout/overlay for the same URL**, not a repin, and fresh designs drive **~90% of Pinterest
website traffic.** Design **mobile-first at feed size**, always in **2:3 (1000×1500)** — other ratios are
penalized.

## Read these first
1. **brand-profile** — palette/fonts/style (pins are a brand surface that must stay recognizable).
2. the **destination** — the page the pin links to (the visual must promise what the page delivers).
3. the **keyword** — from **pinterest-seo** (it goes in the overlay and the title).

## The framework: SAVED
(Depth: `references/the-saved-framework.md`.)
- **S — Stop the scroll on a 2:3 canvas:** 1000×1500, 2:3 mandatory (other ratios penalized/cropped); one
  focal point; vertical composition; lifestyle/in-context imagery beats sterile product-on-white; parseable
  at feed size.
- **A — Anchor the keyword overlay:** the pinterest-seo keyword rendered large on the image (Pinterest
  OCR-reads it); ≤~6 words, bold, high contrast, readable at ~236px; top-third or center; not a caption
  duplicate.
- **V — Visual brand system:** a pin template family (from **design-and-templates**) — consistent fonts/
  palette/layout; subtle logo/URL, **never bottom-right** (Pinterest's own icons overlay that corner).
- **E — Every URL gets fresh variants:** 3–5 **visually distinct** designs per destination (different image
  + layout + overlay angle — not a color swap); each is a new chance to rank.
- **D — Decide the format + hand off:** static pin = the traffic workhorse (has the link); video pin (9:16,
  6–15s) = engagement; multi-slide/idea-style = awareness (historically no outbound link); board covers set
  the shelf aesthetic; brief → image tool → WoopSocial publishes.

## The reality (verify-quarterly)
Feed-size mobile-first (two-column feed, ~236px, ~85% mobile); 2:3 1000×1500 mandatory (other ratios
penalized, tall pins truncated); overlay text OCR-read (keyword on the image); lifestyle/in-context imagery;
faces optional (product/idea is usually the hero — unlike YouTube thumbnails); safe zones (margins, logo not
bottom-right, nothing critical in the bottom of extra-tall pins); fresh-pin economics (~90% of traffic,
3–5 distinct designs/URL, few-day test window); video 9:16 6–15s; idea pins folding into the unified format;
brand consistency without clone-stamping: `references/pin-design-2026-reality.md`. The pin brief template,
design checklist, spec block, fresh-variant plan + worked examples: `references/design-and-variant-recipes.md`.

## Honest scope (never violate)
- **The agent** designs the concept/composition/overlay text, writes the **brief**, plans the **fresh
  variants**, and can **critique a mockup** — but a **HUMAN or an image/design tool** (`ideogram` for
  in-image text / `canva` / `nano-banana` / a designer) **creates the final raster.**
- **WoopSocial publishes** the finished pin — **image + title + description + board (`pinterestBoardId`) +
  link** — it does **NOT** design, render, or generate the visual, and analytics are **native Pinterest
  Analytics**, not WoopSocial.
- **No misleading pins** — the visual must promise what the page delivers (**Pin → Board → Page must
  match**; long clicks rank you, bounces punish you). **No repin-as-fresh dupes** (a color swap is not a
  fresh pin). **Disclose AI imagery** (Pinterest lets users filter GenAI). **Never fabricate saves/clicks/
  impressions.** (Scope, distinctions + connections: `references/scope-and-connections.md`.)

## Distinct from its siblings (route correctly)
**pinterest-pin-design (this)** = the pin's VISUAL craft + brief + fresh-variant plan · **pinterest-seo** =
the keyword/search-RANKING layer (they **PAIR** — the keyword goes in the overlay AND the title) ·
**pinterest-growth** = the account strategy/cadence (boards, 72h same-URL spacing, seasonal timing) ·
**design-and-templates** = the brand template SYSTEM (the pin template is one asset in it) · **ideogram**/
**canva**/**nano-banana** = render the raster this briefs · **thumbnail-design** = the same craft for YouTube's
16:9 click decision (different job: click-to-watch vs save-and-click-out).

## Where this connects
Reads first: **brand-profile** + the **destination** + the keyword from **pinterest-seo**. Pairs with:
**pinterest-seo** (keyword in the overlay + title), **image-prompt** → **ideogram** (in-image overlay text)/
**nano-banana**/**flux** (backgrounds), **canva** (template production), **ai-image-editing** (crops/cleanup),
**design-and-templates** (the pin template in the brand system). Routes to/from: **pinterest-growth**
(strategy/cadence), **content-recycling** (which URLs deserve fresh variants), **seasonal-and-moment-marketing**
(45–90-day seasonal lead). Publishes via: **scheduling-and-queue → WoopSocial** (image + title + description
+ board + link) + **platform-specs-and-validation**. Measures with: native **Pinterest Analytics** +
**analytics-and-reporting** (saves, outbound clicks, impressions). The raster stays with the image tools/
designer; the words stay with pinterest-seo.

## Definition of done
A 2:3 (1000×1500) vertical concept with one focal point in lifestyle/in-context imagery, parseable at feed
size; the pinterest-seo keyword rendered as a bold, high-contrast overlay (≤~6 words, OCR-readable, no
caption duplicate); brand-consistent template (fonts/palette/layout) with the logo out of the bottom-right;
safe margins and nothing critical lost to tall-pin truncation; 3–5 visually distinct fresh designs planned
per destination URL (new image + layout + overlay angle, never a repin/color swap); the right format chosen
(static for traffic, video 9:16 6–15s for engagement, multi-slide for awareness) and board covers consistent;
the raster briefed to an image tool/designer and the finished pin published via WoopSocial (image + title +
description + board + link); the visual honest to the destination; AI imagery disclosed; no fabricated
engagement; correctly paired with pinterest-seo and distinguished from pinterest-growth, design-and-templates,
and the image tools.

© social-media-skills · MIT · social-media-skills/skills

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

Всё по теме «Дизайн» →
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установок

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

ai-music-and-sound Скилл подбирает лицензированную музыку и звуковой дизайн под соцвидео, чтобы ролик не заглушили и не оспорили по Content ID. CX Codex +1 605установок facebook-groups Скилл для ИИ-агента, который проектирует стратегию Facebook-группы: нишу, контент, рост и монетизацию. Полезен, когда группа нужна как актив, а не как ещё одна лента. CX Codex +1 616установок before-after-and-transformation Скилл помогает составить сценарий кейса или контента до и после по фреймворку SHIFT с честными вводными и юридически выверенными сносками для правил FTC. CX Codex +1 605установок seasonal-and-moment-marketing Скилл планирует сезонные и праздничные поводы для бренда: отбирает те, что подходят, проверяет уместность и раскладывает по приоритетам. Пригодится перед Black Friday и праздничным контентом. CX Codex +1 614установок ugc-and-influencer Скилл для работы с инфлюенсерами и UGC: подбор креаторов, бриф, права на контент и обязательная маркировка рекламы. Пригодится, когда запускаете кампанию с блогерами. CX Codex +1 604установок thread-writer Скилл помогает собирать цепочки постов для X и Threads вокруг одной мысли. Пригодится, когда сложная идея или кейс не помещаются в одну публикацию. CX Codex +1 603установок nano-banana Скилл помогает писать промпты для Nano Banana: генерировать и редактировать изображения для соцсетей, выдерживать стиль бренда и формат площадки. CX Codex +1 603установок pinterest-seo Скилл подбирает реальные поисковые запросы Pinterest и пишет по ним заголовок, описание и имя доски для пина. CX Codex +1 614установок

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

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