Generate Branded Social Posts with Remotion in Minutes

TL;DR: Stop asking AI to write random social posts. Ask it to turn your website or app into a brand guide, build reusable Remotion templates, and render platform-ready images or videos from your marketing calendar.

I like this workflow because it attacks the real bottleneck: design.

The real problem

Social posts do not take hours because the caption is hard.

They take hours because every post needs to look right:

• Same colors.
• Same typography.
• Same logo placement.
• Same image treatment.
• Same visual rhythm across Instagram, Facebook, and LinkedIn.

Writing one sentence is cheap. Rebuilding the same visual style every week is the tax. Canva is fine until every post becomes manual drag-and-drop archaeology.

The fix: make design reusable.

The solution

Use your website or app as the reference design. Then ask AI to turn it into a practical brand guide.

That brand guide becomes the source for a small Remotion project.

Remotion is a tool for making videos and images with React, the same technology many websites use. You do not need to write React yourself. The point is to give your AI agent the right Remotion instructions, then ask for the post in plain English.

Set it up once. Then every new post is a calendar entry, not a design project.

Design once. Post many. That is the whole horse race.

The example

For StepUp Horse, the post generator lives here:

04-Marketing/Social Media/Post_Generator/

Inside that folder, README.md explains exactly how the system works. This matters. The instruction file tells the AI which templates exist, which theme to use, which commands to run, and how to export the final posts.

The generator has two visual themes:

• StepUp Horse theme — light background, dark text, brand-blue highlights, yellow brush stroke.
• PACE IQ theme — dark background, cream text, yellow highlights.

That gives the company two types of social visuals without inventing a new design every time.

The reusable post types are simple:

• Hero post — big headline, optional subtitle, optional image or phone screenshot.
• Word post — three large stacked words, good for punchy announcements.
• Social frame — the shared layout around every post: background, logo, spacing, and theme.

Once the templates exist, a post request can be this simple:

Generate a social media post using map_screenshot.jpg.

Text:
Follow your pace on a map.
PACE IQ map

Use the PACE IQ dark theme.
Make it for Instagram feed.
Export it to the drafts folder.

No code. Just the asset, the message, the theme, and the destination.

Step 1: create the brand guide

If you already have a professional brand guide, use it.

If you do not, ask AI to create one from your website, app, or reference design. That is usually enough.

Ask for:

• Primary colors.
• Secondary colors.
• Font choices.
• Logo usage.
• Light and dark themes, if relevant.
• Examples of good post layouts.
• Rules for image treatment.
• Rules for what the brand should never do.

Example prompt:

Use this website as the reference design.

Create a practical brand guide for social media templates.
Extract the colors, typography, spacing, visual style, logo rules, and example post layouts.
Keep it usable by a developer or AI agent building Remotion templates.

Do not overthink the first version. You are not carving stone. You are making reusable clay.

Step 2: install Bun, then the Remotion skills

You need bun, Remotion, and the official Remotion skills.

bun is a fast JavaScript tool that installs packages and runs scripts. Think of it as the button that starts the post generator.

Install bun — ask your AI agent to do this for you, or launch a terminal and paste the right command:

# macOS and Linux
curl -fsSL https://bun.sh/install | bash

# Windows PowerShell
powershell -c "irm bun.sh/install.ps1|iex"

Then close and reopen your terminal, and check that it works with bun --version.

If you are on Linux and the install fails, install unzip first with sudo apt install unzip.

Then install the official Remotion skills:

bunx skills add remotion-dev/skills

Use bunx if you are following this article. Same idea: run a tool once without manually installing it first. Less package-manager soup. More actual soup.

This is the important step. The Remotion skills give your AI agent the right Remotion-specific instructions, so you can ask for posts in normal language instead of writing components by hand.

Then install the post generator dependencies:

Ask the AI to open 04-Marketing/Social Media/Post_Generator/ and run bun install.

Open the visual editor:

Ask the AI to run bun dev.

That opens Remotion Studio, where you can preview the templates in a browser.

Remotion license note

Remotion is excellent. It is not always free for every company.

At the time of writing, Remotion is free for individuals, non-profits, evaluation, and for-profit organizations with up to 3 employees. Larger commercial teams need a company license.

Check the current license before using it commercially:

https://www.remotion.dev/docs/license

Step 3: ask for template examples first

Before writing real posts, ask the AI to make examples.

In the StepUp Horse generator, the examples cover three common needs:

• Text-only post.
• Phone screenshot post.
• Bottom-anchored photo post.

Prompt:

Using the brand guide and the Remotion skills, create three reusable social post examples:

1. A text-only post.
2. A phone screenshot post.
3. A photo post with the image anchored at the bottom.

Use the existing StepUp Horse and PACE IQ themes.
Render the examples and put the output files in output/.

If the AI needs a command, it can run bun src/render-examples.ts.

Review the images. Adjust the theme before you create twenty posts with the wrong spacing. This is the part where you save the future-you from quietly hating present-you.

Step 4: create the social strategy

Inside your marketing folder, create two files:

04-Marketing/Social Media/social-strategy.md and 04-Marketing/Social Media/social-calendar.md.

The strategy should answer:

• Who are we talking to?
• What do we post every week?
• Which products or services need visibility?
• Which theme belongs to which product?
• What should the AI never say?
• Which platforms matter?

The calendar can be a plain Markdown table:

Step 5: source posts from real work

Your best social posts are usually already inside the company:

• Product updates.
• Git changes, meaning the timeline of what changed in the app or website.
• Launch notes.
• Customer quotes.
• Screenshots.
• Research highlights.
• Weekly reports.

For a product company, Git is especially useful. Git records code changes over time. An AI agent can look at recent changes and turn them into post ideas:

Look at the last week Git changes for the app.
Suggest 10 social post ideas for PACE IQ.
Use the social strategy, the brand guide, and the Remotion templates.
Let's review together and add the best to social-calendar.md.

That is much better than asking for generic content ideas. The posts come from what actually shipped.

Step 6: ask the AI to render the calendar

In the StepUp Horse generator, scheduled posts are handled by the render calendar file:

src/render-calendar.ts

You do not need to edit that file yourself. Ask the AI:

Read social-calendar.md.
Use the Remotion skills and the local README.md.
Create or update the scheduled posts for week 30.
Render the calendar.
Export the finished images to the drafts folder.

Use the existing themes and examples.

A non-technical person does not need to understand the render file. The important idea is simple: each post is a form. You provide the words, image, theme, and platform. The template handles the design.

This is what one post looks like under the hood:

{
  id: "01-training-map",
  headline: "Follow your pace on a map.",
  body: "PACE IQ map",
  image: "map_screenshot.jpg",
  theme: "paceiq",
  platform: "instagram",
}

That is the whole point. It is not graphic design anymore. It is structured text the AI can update safely.

Now the work is review, not design from scratch.

What goes in the README.md

Put a README.md inside the post generator folder.

This is the local instruction manual for the AI.

It should include:

• Available themes.
• Brand colors.
• Logo files.
• Font rules.
• Post components.
• Platform sizes.
• Example posts.
• Render commands.
• Export folder.
• Naming convention.
• Rules for screenshots and photos.

This file is what keeps the AI from making random design decisions. You are not prompting from memory. You are giving it a shop manual.

The mechanic can work faster when the tools have labels.

Why this works

This workflow separates the jobs:

• The brand guide defines the look.
• Remotion enforces the layout.
• The calendar defines what to publish.
• The vault provides the source material.
• The AI fills the templates.

That is the AI-native pattern: readable files, reusable templates, small commands.

Not another SaaS dashboard. Not another content treadmill. Just a folder that can produce the assets you need.

The payoff

The first setup takes a little work.

After that, posts become cheap and easy:

• Add idea to calendar.
• Pick theme.
• Pick template.
• Drop screenshot or image into public/.
• Render.
• Review.
• Publish.

The design stays consistent because nobody redraws it by hand.

That is the point. Your social media should look like your company, not like whichever template was trending on Tuesday.

What’s next

Content tools are set. Now manage your relationships: Markdown CRM — your CRM should be a folder.

Plain text. Plain simple. By Charles Henri Gayot.