--- title: "Social graphics | Rainbrand" description: "Create social posts and carousels with an agent using Rainbrand's brand guidance, imagery and voice." url: "https://www.rainbrand.com/use-cases/social-graphics/" --- Use cases Social graphics # Social graphics, always on-brand Give your agent the brand's visual style and voice, then turn an announcement into posts and carousels. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the guide](https://docs.rainbrand.com/use-cases/social-graphics) Teenage Engineering · Social graphics ![Teenage Engineering OP–XY announcement graphic](https://www.rainbrand.com/_next/image?url=%2Fintegrations%2Fchatgpt%2Finstagram-post.webp&w=3840&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R) TEENAGE ENGINEERING · SOCIAL GRAPHIC ## (01) Why use Rainbrand A well-written post can still look like it belongs to another brand. The typography, imagery and voice need to work together. Rainbrand gives your agent a Brief with the guidance and selected assets for the task, so it has a clear direction before it creates anything. How it's made ## From a Brief to a social post. Rainbrand · create\_brief Ready Brand: Teenage Engineering Task: An Instagram post introducing OP–XY Returns: Guidance and selected assets 1 Brief ### Start with the brand and the task. ![Teenage Engineering OP–XY announcement graphic](https://www.rainbrand.com/_next/image?url=%2Fintegrations%2Fchatgpt%2Finstagram-post.webp&w=3840&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R) 2 Create ### Lay out the post with the brand's type and imagery. What to check 4 checks - Clear announcement and caption - Readable on a phone - Consistent type and imagery - Correct crop for Instagram 3 Review ### Check the details at the intended size. With your agent ## Ask your agent for the posts. Describe the brand, the task and where the result will appear. Your agent can use the Brief with Rainbrand's AI Gateway or your own creative tools. [Read the guide](https://docs.rainbrand.com/use-cases/social-graphics) Works with your favourite agents - [](https://www.rainbrand.com/integrations/claude/) - [](https://www.rainbrand.com/integrations/cursor/) - [](https://www.rainbrand.com/integrations/codex/) - [](https://www.rainbrand.com/integrations/chatgpt/) - [](https://www.rainbrand.com/integrations/) ChatGPT Rainbrand connected You Create an Instagram post for teenage.engineering introducing OP–XY, with a product graphic and a short caption. I'll use the Brief's product references and typography to lay out the OP–XY post, then check the graphic and caption together. The guide includes the full prompt and more examples. Examples ## Posts with a point of view. Standalone graphics and a carousel, shaped by different brands. [![Teenage Engineering OP–XY announcement graphic](https://www.rainbrand.com/_next/image?url=%2Fintegrations%2Fchatgpt%2Finstagram-post.webp&w=3840&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R)](https://www.rainbrand.com/integrations/chatgpt/) ### Teenage Engineering An OP–XY announcement graphic with bold type and product imagery. [See the example](https://www.rainbrand.com/integrations/chatgpt/) [![Opening graphic of Eager's Blackcurrants carousel](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Feager%2Fcampaign%2Fslide-1-v1.webp&w=3840&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R)](https://www.rainbrand.com/examples/eager/) ### Eager A five-panel carousel introducing Blackcurrants, from the opening message to the product. [See the carousel](https://www.rainbrand.com/examples/eager/) Customers ## Teams building with Rainbrand. How companies integrate Rainbrand into their agents and products. [All customer stories](https://www.rainbrand.com/customers/?ref=landing) Revnu > “We use Rainbrand to fetch each customer’s brand and generate accurate, on-brand creative for their ads. It means we don’t have to reinvent that part of the stack ourselves.” George Jefferson Co-founder, Revnu [Read the story: Revnu puts a brand layer inside its AI growth product](https://www.rainbrand.com/customers/revnu/?ref=landing) Letter > “We pushed Rainbrand to production as our default image solution.” Mathew Pregasen Founder and CEO, The Letter Company [Read the story: Letter builds Rainbrand into Letterpress](https://www.rainbrand.com/customers/letter/?ref=landing) The GTM Co-Founder > “I have the ideas, but turning them into great design was always a struggle. Rainbrand makes me feel like the best designer in the world, and I don’t think I’ll need to hire one for the small stuff again.” Shane O’Connor Founder, The GTM Co-Founder [Read the story: The GTM Co-Founder uses one agent across several brands](https://www.rainbrand.com/customers/gtm-cofounder/?ref=landing) ## Make the next post on-brand. Connect Rainbrand to your agent, add a brand and describe what you need. [Use it with your agents](https://docs.rainbrand.com/mcp/getting-started) [Integrate it with your product](https://docs.rainbrand.com/getting-started/embed-into-your-product) ### ChatGPT + Codex 1. Open the Rainbrand plugin and add it. [Open Rainbrand plugin](https://chatgpt.com/plugins/plugin_asdk_app_6ac6e5030ec88191a88001f6dc0628ca) 2. Connect your Rainbrand account when asked. It works in ChatGPT and in Codex. ### Claude 1. Open the Rainbrand connector in Claude and add it. [Open Rainbrand connector](https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Rainbrand&connectorUrl=https%3A%2F%2Fmcp.rainbrand.com%2Fmcp) 2. Select Connect, then sign in to Rainbrand. You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.claude-plugin.zip). ### Claude Code 1. Add Rainbrand's plugin marketplace in your terminal. ``` claude plugin marketplace add rainbrandai/rainbrand-skills ``` 2. Install the Rainbrand plugin, including its Skill and MCP connection. ``` claude plugin install rainbrand@rainbrand ``` 3. Start a new Claude Code session, then use /mcp to sign in to Rainbrand. You can also [connect with MCP](https://docs.rainbrand.com/mcp/getting-started#claude-code-installation-options) or install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill). ### Cursor 1. Add Rainbrand to ~/.cursor/mcp.json. ``` { "mcpServers": { "rainbrand": { "url": "https://mcp.rainbrand.com/mcp" } } } ``` 2. Sign in from the Cursor CLI. ``` agent mcp login rainbrand ``` You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.cursor-plugin.zip). ### API 1. Create an API key in your account settings, then list your brands. ``` curl https://www.rainbrand.com/api/v1/brands -H "x-api-key: $RAINBRAND_API_KEY" ``` Integrating Rainbrand into your app? [Read the API docs](https://docs.rainbrand.com/api). Questions ## Asked, answered. [All FAQs](https://www.rainbrand.com/faq/) ### Can I use my own creative tools? Yes. Use the Brief's guidance and selected assets with your preferred tools, or generate images through Rainbrand's AI Gateway. [Read the guide](https://docs.rainbrand.com/use-cases/social-graphics). ### What should I check before using the result? Check readability on a phone, the panel sequence, cropping and consistency across the set. Compare the copy and visual style with the Brief. The brand layer for agents. Rainbrand builds and maintains shared brand context for your agents and products. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/) [View pricing](https://www.rainbrand.com/pricing/)