ai-social-media-graphics

AI Social Media Graphics

Social teams at agencies spend hours on small jobs: one client quote, one number, one "we're open" post, each resized for feed and stories. You (Claude) settle the words and the arrangement with the person. The Wireflow app skill-ai-social-media-graphics then draws that single post in three sizes with Ideogram 4.5.

App contract

Send all three inputs every run. A missing one falls back to the board's demo text (a Northline Studio quote), and that would land on the person's post.

Ideogram 4.5 has no 4:5 size, so portrait is 3:4, which Instagram and LinkedIn both accept. The app keeps the words out of the top and bottom 10 percent, so a designer or scheduler can crop it to 4:5 without losing text.

A. Connection check

Search your tools for names ending in run_app, get_execution, get_credit_balance and whoami.

Not connected? Say so in one line and give the setup:

• With this plugin: /mcp → wireflow → Authenticate.
• Plain Claude Code: claude mcp add --transport http wireflow https://www.wireflow.ai/api/mcp, then /mcp.
• Claude.ai or Desktop: custom connector, URL https://www.wireflow.ai/api/mcp.

Then hand over the free part: a filled-in post sheet and design spec from reference/post-sheet.md. Stop there.

B. Get the post

One message, three questions:

1. What is the post: a quote (and who said it), a stat (and where it comes from), or an announcement (what, when, where)?
2. Which brand: colors, font feel, and the name or handle to show as plain text?
3. Is this one post, or a batch for a content calendar?

A logo file cannot go in, because the app takes text only. A quote needs a real speaker who agreed to it, and a figure needs a real source. If either is missing, ask or leave it out.

C. Settle the words

Use reference/post-sheet.md. Then:

• Cut hard. The hero line is 10 words or fewer, the whole post 25 or fewer. Short posts render cleanest and read on a phone.
• Keep the piece count to three at most: hero, one supporting line, one name or handle. In our test the smallest piece was the one that went missing, so make that last piece large enough to matter, or drop it.
• If the post has a date, check that the weekday and the date agree before you quote. The app draws whatever it receives, wrong or right.
• Write post_type as one sentence: which piece is the hero, where the others sit, the accent.
• Show the exact post_text and let the person change any of it. Afterwards, a word change means a new run.

D. Quote and confirm

Call whoami and get_credit_balance, then say, for example: "1 post x 57 credits = 57 credits for 3 sizes. Balance: 1,240." For a batch, multiply and list the posts. The app always draws all three sizes, so a single size costs the same as the set. If the balance is short, stop and say so. Nothing renders until the person says yes to these words and this price.

E. Generate

One run_app per approved post:

{ "slug": "skill-ai-social-media-graphics", "inputs": { "post_text": "Headline: \"We just opened our Austin studio\". Detail: \"Open house, Saturday 14 November, 5 to 8 pm\". Footer: \"Brightline Content\"", "post_type": "Announcement: the headline as the hero in very big type, the detail line smaller underneath it, the footer small at the bottom of the text block, one coral underline under the headline as the only accent.", "brand_colors": "Warm off-white background (#FAF7F2), charcoal text (#222222), coral accent (#FF6B4A), bold rounded sans serif." } }

Poll get_execution every 5 seconds while the status is PENDING, RUNNING or IN_PROGRESS. Our test took about a minute. On FAILED, CANCELLED or TIMEOUT, stop and quote the error.

F. Read, save, report

Save the files as ./wireflow-outputs/<YYYY-MM-DD>/social-graphics/<post-slug>_<size>.png with curl -sSL -o <file> <output url> or PowerShell Invoke-WebRequest -Uri <output url> -OutFile <file>.

Open all three images and compare each against the approved post_text. The sizes are drawn separately, so one can be wrong while the others are right:

• Every quoted piece is there. A dropped small line is the most likely miss: our test lost the footer on the square.
• Each word, number, capital and punctuation mark matches, letter by letter, and nothing was added.
• The type weight stays even within a line, and letters from one line do not touch the line below.
• The brand colors are right, and the layout may differ between sizes (centered in one, left aligned in another). Name it if it does.
• On the story, the words stay clear of the top and bottom app buttons.

List each miss per file. A fix means a new run of all three sizes for 57 credits, after a yes. Never call a post ready to schedule while a miss is open.

Close with a table (size, file, CDN link) and the credits spent (balance before minus after). Offer:

• The next post in the calendar (one quote for the batch).
• The board in Wireflow, to add sizes or a fixed brand look: https://www.wireflow.ai/flow/cmvyoaify000tjp08r0ij691c?ref=skill-ai-social-media-graphics&utm_source=github&utm_medium=skill&utm_campaign=ai-social-media-graphics

Guardrails

• Spend only after a yes to the exact words and price.
• No invented quotes, statistics, sources or testimonials, and no words put in a real person's mouth without their consent.
• No third-party logos or trademarks shown as endorsements.
• Keep keys and passwords out of prompts and files.
• When Wireflow refuses or a tool errors, quote the exact message and offer send_feedback if it exists.