social-media-designer

Generates branded LinkedIn post images by filling HTML templates and rendering 1080x1350 JPGs via Playwright.

16|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/E-mmanuelM/brandcrew --skill social-media-designer-e-mmanuelm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: social-media-designer
Source: https://github.com/E-mmanuelM/brandcrew/tree/main/agents/social_media_designer
Command: npx skills add https://github.com/E-mmanuelM/brandcrew --skill social-media-designer-e-mmanuelm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Turning an approved LinkedIn post into a scroll-stopping branded image normally requires a designer or manual template editing. This Skill automates that step: it reads an approved draft, selects the right HTML template, writes a visual headline, fills all template variables, and renders a LinkedIn-ready JPG. ## Core Features & Use Cases - Template Selection: Matches post type (stat, framework, comparison, opinion, quote, before/after) to one of six HTML templates such as editorial_data_card or split_comparison. - Headline & Variable Generation: Writes a scroll-stopping headline under 12 words and fills every template variable as JSON, enforcing brand rules like font sizes, accent color usage, and the three-zone layout. - Automated Rendering & Delivery: Saves template_name and template_vars to Supabase, runs scripts/render_template.py to produce a 1080x1350 JPG, and delivers the image to Telegram for human approval. - Use Case: After you approve a post draft in Telegram, the agent automatically designs the accompanying image, renders it locally with Playwright, and sends it back to you for review — with support for regeneration via feedback. ## Quick Start Run bash agents/social_media_designer/run.sh with a draft ID to design and render the image for that approved post.

Frequently Asked Questions about social-media-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a LinkedIn post image from an approved draft?▼

Run bash agents/social_media_designer/run.sh with the draft ID. The agent reads the draft from Supabase, picks a matching HTML template, fills all variables, and calls scripts/render_template.py to produce a 1080x1350 JPG.

What templates are available for LinkedIn image design?▼

Six HTML templates are available: editorial_data_card for stats, transformation for before/after stories, magazine_infographic for frameworks, split_comparison for side-by-side comparisons, bold_text_metaphor for opinions, and quote_card for quotable insights.

How are LinkedIn images rendered to JPG with Playwright?▼

The agent saves template_name and template_vars to the content_drafts table in Supabase, then runs python3 scripts/render_template.py with the draft ID. The renderer uses Playwright locally to produce the JPG and updates image_url automatically.

Can I regenerate an image with specific feedback?▼

Yes. Use the /regenerate_image command with feedback text. The agent reads the existing template_name and template_vars, applies only the requested changes such as rewriting the headline or switching templates, and re-renders the image.

What are the limitations of this image design agent?▼

It does not write or edit post text, make content strategy decisions, or modify templates. It only fills existing HTML templates with variables and renders them locally via Playwright, with no external API calls.