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

ideogram — скилл для Claude Code: что делает и как установить

Скилл помогает составлять точные промпты для нейросети Ideogram 4.0 с упором на вёрстку, типографику, цитаты, обложки и постеры для соцсетей.

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

Что делает ideogram

Скилл отвечает за промпт-крафтинг для генератора Ideogram 4.0, где критически важны читаемый текст и точная композиция. В отличие от генерации обычной фотореалистики, здесь акцент сделан на структурированный JSON с ограничивающими рамками (bounding boxes), точными hex-палитрами бренда из brand-profile.md и буквальными строками текста. Также описаны приёмы работы в веб-редакторе: Canvas, Magic Fill, Extend и инструмент Layerize Text.

Для чисто диалоговых правок фона и фотореалистичных сцен автор рекомендует переключаться на соседний скилл nano-banana. Сама генерация выполняется через Turbo или Quality режимы Ideogram, а не внутри соцсетей вроде WoopSocial Media. Веса моделей не предназначены для коммерции без платной подписки или API, поэтому скилл требует подписывать изображения через C2PA и соблюдать правила раскрытия ИИ-контента.

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

  • составить структурированный JSON-промпт для постера с точной надписью
  • зафиксировать hex-палитру бренда и расположение элементов на карточке
  • подготовить обложку карусели или карточку с цитатой в разрешении 2K
  • разделить отрендеренный текст на редактируемые слои через Layerize Text

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

  • Сделай JSON-промпт для Ideogram 4.0: карточка с цитатой в формате 4:5 по нашей бренд-палитре
  • Сформулируй промпт для обложки карусели с чётким заголовком и прозрачным фоном
  • Подготовь параметры для постера с точными bounding boxes и hex-цветами

Как установить ideogram

1Через Skills CLI (Vercel)

npx skills add social-media-skills/skills --skill ideogram -a claude-code

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

~/.claude/skills/ideogram/SKILL.md

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

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

Вопросы о ideogram

Как установить ideogram в Claude Code?

Выполните в терминале команду npx skills add social-media-skills/skills --skill ideogram -a claude-code.

Зачем нужен скилл ideogram?

Он направляет составление промптов для Ideogram 4.0, чтобы нейросеть выводила читаемый текст без ошибок, выдерживала hex-цвета бренда и задавала строгую вёрстку через JSON.

Когда вместо ideogram стоит выбрать nano-banana?

Ideogram ориентирован на дизайн, надписи и сетку. Для фотореалистичных сцен без текста и диалогового редактирования фона разработчики советуют переключать задачу на nano-banana.

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

SKILL.md · MIT
---
name: ideogram
description: >-
  Use to write great prompts for Ideogram (Ideogram 4.0) to generate design-grade images for social
  media — the image-prompt-craft mini-skill for typography + layout, sibling to nano-banana under
  the image-prompt router. Run when the user wants an Ideogram / AI image prompt where TEXT and
  LAYOUT matter: quote cards, carousel covers, posters, logos/wordmark concepts, signage, ads with
  headlines, or any image that must say words correctly. Reads brand-profile for style/palette.
  Ideogram's standouts: best-in-class in-image text rendering, structured JSON prompting (bounding
  boxes, hex palettes), native 2K, transparency, and Layerize Text. Also covers the Ideogram
  app-editor workflow (Canvas, Magic Fill, Extend, Style References). Honest: review rendered text,
  disclose AI images and sign with C2PA, never generate real identifiable people or copyrighted
  characters/IP/logos. The API/connection and the generate -> upload to WoopSocial Media -> attach
  flow live in tools/integrations/ideogram.md.
metadata:
  version: 1.0.0
  license: MIT
---

# Ideogram (image prompt craft)

Write prompts that get **design-grade images with correct text and deliberate layout** out of
**Ideogram** (**Ideogram 4.0**). This is the **prompt-craft** layer of a three-layer setup, and the
**typography/layout sibling to `nano-banana`** under the **image-prompt** router.

- **Connection/API** (per-image pricing, MCP, the *generate → upload to WoopSocial Media → attach*
  flow) → `tools/integrations/ideogram.md`.
- **Prompt craft** (this skill) → how to direct the right asset well.
- **Router** → `image-prompt` picks the tool for the job.

> This skill covers **both lanes**: *generation* prompt-craft (below) and the Ideogram
> **app-editor workflow** (Canvas, Magic Fill, Extend, Style References, Magic Prompt, Layerize) —
> for in-editor work, see `references/app-editor-and-canvas.md`. Re-verify model/specs quarterly.

## Reach for Ideogram when… (match the job)
Its real strengths: **in-image text rendering** (the standout — legible, correct typography),
**deterministic layout** (bounding-box placement), **brand-accurate color** (hex palettes), **native
2K**, and **transparency** (Background Remover). Reach **elsewhere** for **conversational edits / pure
photoreal scenes** (→ `nano-banana`) or specific **art house looks** (→ the photoreal branch). Don't
default it to every image. (Details: `references/when-and-how-to-prompt.md`.)

## Step 0 — Read the brand + the job
Load `brand-profile.md` (palette as hex, type feel, do/don't). Identify the **job** (quote card /
carousel cover / poster / logo concept / ad / signage) and the **aspect ratio** (4:5, 9:16, 1:1).

## Step 1 — Direct a layout, not just a scene
Describe like a designer: **subject/scene/style · text elements (exact string + styling + placement) ·
hex palette · layout/hierarchy · format (2K, aspect)**. Don't bury copy in a vague sentence. Ground in
the brand. See `references/when-and-how-to-prompt.md`.

## Step 2 — Use the superpower: structured JSON
Ideogram 4.0 is JSON-native. For exact, repeatable **layout/text/color**, write **structured JSON**:
per-element **bounding boxes**, **hex palette** (up to ~16), and each text element's **literal string
+ visual styling**. Casual input works via **magic-prompt** (it expands to JSON). See
`references/json-prompting-and-layout.md`.

## Step 3 — Text, transparency, recipes
- **Text:** ~0.97 OCR, multilingual, multi-line, logos/signage — but **review every render.**
- **Transparency:** Background Remover → clean alpha cutout. **Layerize Text** (live, beta) turns
  rendered text into **editable layers** — restyle/rewrite copy without regenerating; works best on
  clear, straight type. **2K** output; aspect ratios in multiples of 16.
- Pick a **recipe** (quote card, carousel cover, logo concept, ad, poster). See
  `references/text-rendering-and-recipes.md`.

## Step 4 — Iterate cheaply, then verify, disclose, ship
- **Iterate on Turbo / magic-prompt** to lock layout; **finalize on Quality** with refined JSON.
  Per-image pricing — **prompt/layout precision is the cost + quality lever.**
- **Verify** the rendered **text** and composition before publishing.
- **Disclose** AI images (**EU AI Act Article 50**, **California AB 853**) and sign with **C2PA**;
  never pass an AI image off as a real photo. Open weights are **non-commercial** (commercial → plan/API).
- **Ship:** generate per the integration guide → **upload to WoopSocial Media → attach** via
  `scheduling-and-queue`. WoopSocial doesn't generate images.

## Quality bar — self-check
- Did I **match the tool to the job** (route conversational/photoreal to `nano-banana`)?
- Are **text elements typed** (exact string + styling + placement), with a **hex palette** and **2K/
  aspect** set, **brand-grounded**?
- Did I use **JSON** where layout/text precision matters (and **magic-prompt** for casual)?
- Did I plan **iterate-cheap → finalize**, and **verify the rendered text**?
- Did I handle **disclosure + C2PA**, **non-commercial license**, and **refuse real people / IP / logos**?
- Did I point to **`tools/integrations/ideogram.md`** for the API + WoopSocial flow (no claim WoopSocial
  generates images)?

## Edge cases & pushback
- **"Exact headline + brand colors + placement"** → structured JSON (bounding boxes + hex palette).
- **Conversational "now change the background"** → route to `nano-banana`; Ideogram is layout-first.
- **Real person / copyrighted IP or logo / "post as a real photo"** → refuse; disclose + C2PA; offer
  an original/owned alternative.
- **"Editable text layers"** → **Layerize Text is live (beta**, all plans + API endpoint**)** — best on
  clear, straight standard type; curved/decorative text may not be detected.
- **"Generate it in WoopSocial"** → WoopSocial doesn't generate; this prompts Ideogram, then the image
  is uploaded to Media and attached.
- **Long paragraph of text in-image** → keep lines short, hierarchy clear; verify the render.

## Related
- `tools/integrations/ideogram.md` — API/pricing/MCP, the upload-to-WoopSocial flow.
- `image-prompt` — the router; `nano-banana` — the conversational/photoreal image sibling.
- `brand-profile` — the visual brand; `carousel-writer`, `caption-writer`, `hook-writer` — copy that
  pairs with the asset; `veo-3` — animate a still into video (image-to-video).
- `scheduling-and-queue` — attach the image to a post and publish.

## References
- `references/when-and-how-to-prompt.md` — when to reach for Ideogram vs other tools, and the prompt anatomy.
- `references/json-prompting-and-layout.md` — the 4.0 differentiator: structured JSON, bounding boxes, palettes.
- `references/text-rendering-and-recipes.md` — the text superpower, transparency/2K, social recipes.
- `references/app-editor-and-canvas.md` — the in-app editor workflow: Canvas, Magic Fill, Extend, Style References, Magic Prompt, brand models.
- `references/examples.md` — weak→strong, a JSON layout, a text-heavy card, and honest scope.

© 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-search-optimization Скилл помогает вывести бренд в ответы ChatGPT, Perplexity и Google AI. Он настраивает цитирование в нейросетях через аудит промптов и работу с внешними площадками. CX Codex +1 582установок livestream-and-realtime Скилл для планирования стримов и прямых эфиров: собирает run-of-show, расписание промо и нарезку клипов из записи. CX Codex +1 582установок listicle-and-roundup Скилл проектирует честные списки и раундапы: «7 способов», «лучшие инструменты», подборки экспертов. Пригодится, когда нужен материал, который легко читается и попадает в ответы ИИ-поиска. CX Codex +1 591установок runway Скилл для промптинга и режиссуры Runway: задаёт движение камеры, держит одного персонажа в разных шотах и правит готовый материал. CX Codex +1 590установок synthesia Скилл для съёмки видео с ИИ-аватарами: обучающие ролики, онбординг, объяснения, локализация. Агент пишет сценарий и план, человек утверждает каждый ролик. CX Codex +1 576установок flux Скилл для работы с FLUX и FLUX.2: помогает выбрать вариант модели и лицензию, написать промпт и править картинку вместо перегенерации. CX Codex +1 586установок luma Скилл для постановки кадров в Luma Dream Machine через ИИ-агента. Годится, когда нужно анимировать статику, выдержать персонажа между кадрами или переработать реальное видео. CX Codex +1 574установок podcast-and-audiograms Скилл помогает спланировать короткие клипы и аудиограммы по выпуску подкаста, оформить их и вернуть зрителя к полной версии. CX Codex +1 573установок

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

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