social-graphics

Generate platform-optimized social media graphics and posts. Use when creating content for Instagram, Twitter, LinkedIn, TikTok, or other social platforms.

INSTALLATION
npx skills add https://github.com/sanky369/vibe-building-skills --skill social-graphics
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

Social Graphics Skill

Overview

Social Graphics creates platform-specific visual content optimized for engagement. This skill teaches you to generate graphics that perform well on each platform.

Keywords: social media graphics, social posts, platform-optimized, Instagram graphics, LinkedIn posts, Twitter graphics, TikTok graphics, social content

Core Methodology

Social graphics have three layers:

  • Platform Optimization — Size, format, and best practices
  • Visual Design — Eye-catching composition and colors
  • Message Integration — Text, CTA, and messaging

Platform Specifications

Platform 1: Instagram

Dimensions:

  • Feed Post: 1080x1080 (square)
  • Story: 1080x1920 (vertical)
  • Reel: 1080x1920 (vertical)
  • Carousel: 1080x1350 (portrait)

Best Practices:

  • Vibrant colors, high contrast
  • Text overlay (top or bottom)
  • Call-to-action visible
  • Trending aesthetic
  • 2-3 second hook

Prompt Template:

Instagram [post type] graphic, [subject], [color palette],

[composition], eye-catching, high contrast, professional design,

[mood], 1080x1080, trending on instagram, modern aesthetic

Platform 2: LinkedIn

Dimensions:

  • Feed Post: 1200x627 (landscape)
  • Document: 1200x1500 (portrait)
  • Video: 1200x675 (landscape)

Best Practices:

  • Professional aesthetic
  • Clear, readable text
  • Business-focused imagery
  • Credible, authoritative
  • Value-focused messaging

Prompt Template:

LinkedIn professional graphic, [subject], [color palette],

professional design, business aesthetic, [mood], 1200x627,

corporate quality, trending on linkedin, authoritative

Platform 3: Twitter/X

Dimensions:

  • Tweet Image: 1024x512 (landscape)
  • Recommended: 1200x675 (landscape)

Best Practices:

  • Bold, simple design
  • High contrast
  • Readable text
  • Quick visual impact
  • Trending style

Prompt Template:

Twitter graphic, [subject], bold design, high contrast,

[color palette], simple composition, eye-catching, 1024x512,

trending on twitter, modern aesthetic

Platform 4: TikTok

Dimensions:

  • Video: 1080x1920 (vertical)
  • Thumbnail: 1280x720 (landscape)

Best Practices:

  • Vertical format
  • Trending sounds/music
  • Quick cuts
  • Bold text overlays
  • Energetic, fun
  • Authentic feel

Prompt Template:

TikTok graphic, [subject], vertical format, 1080x1920,

trendy aesthetic, bold colors, eye-catching, energetic mood,

modern design, trending on tiktok, authentic style

Platform 5: Pinterest

Dimensions:

  • Standard Pin: 1000x1500 (portrait)
  • Idea Pin: 1000x1200 (portrait)

Best Practices:

  • Vertical orientation
  • Inspiring imagery
  • Clear, readable text
  • Trending colors
  • High-quality photography

Prompt Template:

Pinterest pin graphic, [subject], vertical format, 1000x1500,

inspiring aesthetic, [color palette], professional design,

trending on pinterest, high-quality, eye-catching

Design Elements

Element 1: Color Palette

From Your Creative Strategist Guide:

- Use primary colors for main elements

- Secondary colors for accents

- Ensure high contrast for readability

- Consider platform color trends

Element 2: Typography

- Bold, readable fonts

- Clear hierarchy (headline, subheading, body)

- High contrast with background

- Limited fonts (2-3 maximum)

- Professional or trendy based on brand

Element 3: Composition

- Rule of thirds for balanced design

- Clear focal point

- Negative space for breathing room

- Visual hierarchy

- Eye-catching arrangement

Element 4: Visual Elements

- Icons or graphics

- Product images

- Lifestyle photography

- Geometric shapes

- Textures or patterns

Complete Social Graphics Prompts

Instagram Feed Post

Instagram feed post graphic, [topic/product], vibrant [color palette],

eye-catching composition, modern design, rule of thirds, high contrast,

professional quality, 1080x1080, trending on instagram, social media aesthetic

LinkedIn Professional Post

LinkedIn professional graphic, [topic], corporate [color palette],

professional design, authoritative aesthetic, business-focused,

clean composition, 1200x627, trending on linkedin, high-quality

Twitter Promotional Post

Twitter promotional graphic, [topic], bold design, high contrast,

[color palette], simple composition, eye-catching, 1024x512,

trending on twitter, modern aesthetic, professional quality

TikTok Trending Post

TikTok trending graphic, [topic], vertical format, 1080x1920,

trendy aesthetic, bold colors, energetic mood, eye-catching,

modern design, authentic style, high engagement potential

Pinterest Inspiration Pin

Pinterest inspiration pin, [topic], vertical format, 1000x1500,

inspiring aesthetic, [color palette], professional design,

high-quality imagery, trending on pinterest, eye-catching,

aspirational mood

Text Overlay Best Practices

Headline Text

- Large, bold, readable

- 5-10 words maximum

- Clear value proposition

- High contrast with background

- Professional or trendy font

Body Text

- Secondary information

- 1-2 lines maximum

- Readable size

- Supports headline

- Clear call-to-action

Call-to-Action

- "Learn More"

- "Shop Now"

- "Discover"

- "Join Us"

- "Click Link in Bio"

- Clear, action-oriented

How to Use This Skill

  • Choose Your Platform — Which platform are you posting to?
  • Select Your Dimensions — Use platform specifications
  • Define Your Message — What's the main message?
  • Choose Your Design Style — Professional, trendy, minimalist?
  • Build Your Prompt — Combine all elements
  • Generate Image — Use Image Generation skill
  • Add Text — Add headline, body, CTA in design tool
  • Test — Review before posting

Integration with Other Skills

Social Graphics works with:

  • Creative Strategist — Your style guide informs design
  • Image Generation — Uses FAL.ai to create graphics
  • Product Photography — Product images become social assets
  • Brand Asset — Graphics use brand elements

Platform-Specific Tips

Instagram: Use trending colors, high engagement visuals, clear CTA

LinkedIn: Professional aesthetic, value-focused, authoritative tone

Twitter: Bold, simple, high contrast, trending style

TikTok: Vertical, trendy, energetic, authentic feel

Pinterest: Inspiring, vertical, high-quality, aspirational

Pro Tips

Consistency: Use same color palette and style across platforms

Trending: Reference trending aesthetics for each platform

Testing: Test different designs and measure engagement

Timing: Post at optimal times for each platform

Hashtags: Research relevant hashtags for each platform

Engagement: Include clear CTA to drive engagement

Branding: Maintain brand identity across all platforms

Common Pitfalls

Wrong Dimensions — Use platform-specific sizes

Poor Contrast — Ensure text is readable

Cluttered Design — Keep design clean and focused

Weak CTA — Make action clear and compelling

Inconsistent Branding — Use your Creative Strategist guide

Ignoring Trends — Stay current with platform trends

Low Quality — Use high-resolution images and professional design

Troubleshooting

Text Not Readable

  • Increase text size
  • Add text shadow or background
  • Increase contrast with background
  • Use bolder font

Design Looks Cluttered

  • Remove unnecessary elements
  • Add more negative space
  • Simplify color palette
  • Focus on one main message

Not Getting Engagement

  • Review trending designs on platform
  • Increase contrast and vibrancy
  • Make CTA more compelling
  • Test different compositions

Inconsistent Across Platforms

  • Reference your Creative Strategist guide
  • Use consistent color palette
  • Maintain brand elements
  • Adapt design to platform specs

Next Steps

Once you're creating social graphics, move to Skill 06: Brand Asset to create comprehensive brand elements.

BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card