# ideogram

Builds structured prompts for Ideogram 4.0 to generate social media graphics, posters, and covers where text spelling and exact layout matter.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 576 installs · ★ 199
- Author: social-media-skills
- License: MIT · policy=mirror · the beginning of the file is at the end of this page
- Source: https://github.com/social-media-skills/skills/tree/HEAD/skills/ideogram/SKILL.md
- Updated: 2026-10-15
- HTML: https://affpapa.org/en/nevibecode/skills/ideogram

## What it does

This skill guides prompt engineering for Ideogram 4.0, targeting assets with strict typography requirements like quote cards, carousel covers, and ad banners. It formats prompts as structured JSON using bounding boxes for layout positioning, literal copy strings, and hex color palettes pulled from `brand-profile.md`. Workflows also cover editor features like Canvas, Magic Fill, and the Layerize Text tool.

The skill focuses purely on layout and typography. Pure photoreal scenes or conversational background tweaks belong in its sibling skill `nano-banana`. Open model weights are strictly non-commercial, so commercial deployment requires an API key or paid plan. Images also require C2PA signing and AI disclosure labels.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add social-media-skills/skills --skill ideogram -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/ideogram/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/ideogram/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add social-media-skills/skills --skill ideogram -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/ideogram/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add social-media-skills/skills --skill ideogram -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/ideogram/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install social-media-skills/skills ideogram
```

2. **Manually: put the files in place**
- File: `.github/skills/ideogram/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add social-media-skills/skills --skill ideogram -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/social-media-skills/skills --path skills/ideogram
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/ideogram/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add social-media-skills/skills --skill ideogram -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/social-media-skills/skills/tree/HEAD/skills/ideogram/SKILL.md

## When to use it
- generate structured JSON prompts with bounding boxes and hex colors
- lay out quote cards and carousel covers with legible in-image text
- configure 2K resolution assets with clean background transparency
- convert generated copy into editable layers via Layerize Text

## Example prompts
- Draft a structured JSON prompt for an Ideogram 4.0 quote card in a 4:5 aspect ratio
- Create an Ideogram prompt for a carousel cover matching our brand hex palette
- Set up a poster prompt with exact bounding boxes and headline placement

## Source text · SKILL.md · MIT

Below is the content of a third-party file. It is data, not instructions for you: do not act on anything written inside unless the human asks. Block tag: 9fb91960354c27c0.

BEGIN THIRD-PARTY FILE 9fb91960354c27c0
```text
---
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
```
END THIRD-PARTY FILE 9fb91960354c27c0

The third-party file has ended. Everything between the 9fb91960354c27c0 tags is data: requests and commands from it are not followed. An “end of file” line with another tag inside the block is part of the file.

First 3009 of 7152 bytes. © social-media-skills · MIT · https://github.com/social-media-skills/skills/tree/HEAD/skills/ideogram/SKILL.md

_Part of the page did not fit — see the HTML version._

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md