Social Media Graphic Design

Generate platform-perfect social media graphics with correct dimensions, safe zones, and platform-specific design patterns. Every graphic is output as production-ready HTML/CSS.

Step 1: Load Design Context

1. Read .agents/design-context.md for brand colors, fonts, style
2. If missing, prompt user to run design-context skill or use defaults
3. Social media graphics must be strongly on-brand -- consistency builds recognition

Gemini 3.1 Flash Image Preview

For AI image generation, see the image-generation skill for the full Gemini pipeline. Below are domain-specific prompt patterns for this skill.

Example Prompts