playbooks

home / skills / sanky369 / vibe-building-skills / social-graphics

social-graphics skill

/skills/creative/social-graphics

This skill generates platform-optimized social graphics and posts to boost engagement on Instagram, LinkedIn, Twitter, TikTok, and Pinterest.

npx playbooks add skill sanky369/vibe-building-skills --skill social-graphics

Review the files below or copy the command above to add this skill to your agents.

Files (1)
SKILL.md
8.1 KB
---
name: social-graphics
description: Generate platform-optimized social media graphics and posts. Use when creating content for Instagram, Twitter, LinkedIn, TikTok, or other social platforms.
---

# 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:

1. **Platform Optimization** — Size, format, and best practices
2. **Visual Design** — Eye-catching composition and colors
3. **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

1. **Choose Your Platform** — Which platform are you posting to?
2. **Select Your Dimensions** — Use platform specifications
3. **Define Your Message** — What's the main message?
4. **Choose Your Design Style** — Professional, trendy, minimalist?
5. **Build Your Prompt** — Combine all elements
6. **Generate Image** — Use Image Generation skill
7. **Add Text** — Add headline, body, CTA in design tool
8. **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.

Overview

This skill generates platform-optimized social media graphics and post layouts to maximize engagement across Instagram, LinkedIn, Twitter/X, TikTok, and Pinterest. It combines platform specifications, visual design rules, and message integration so graphics look native and perform well. Use it to produce ready-to-publish assets with correct sizes, composition, and CTAs.

How this skill works

The skill inspects target platform requirements (dimensions, orientation, and common trends) and applies a three-layer methodology: platform optimization, visual design, and message integration. It builds prompts and design specs—color palette, typography, composition, and text overlay rules—so image-generation tools and designers can produce polished assets. It includes prompt templates and checklist steps for final testing and publishing.

When to use it

  • Creating campaign assets tailored to a specific platform (feed, story, pin, or thumbnail).
  • Repurposing a single message across multiple platforms with native layouts.
  • Designing promotional posts with clear CTAs for product launches or events.
  • Preparing vertical video thumbnails and social-ready images for TikTok or Reels.
  • Generating inspiration pins and lifestyle visuals for discovery-driven platforms.

Best practices

  • Match exact platform dimensions and orientation to avoid cropping or quality loss.
  • Use a consistent color palette and typography to maintain brand recognition.
  • Prioritize high contrast and large, readable headlines (5–10 words max).
  • Keep composition simple: clear focal point, rule of thirds, and adequate negative space.
  • Test variations and measure engagement; adapt to trending aesthetics per platform.

Example use cases

  • Instagram feed post: vibrant 1080x1080 graphic with headline + CTA for product launch.
  • LinkedIn professional post: 1200x627 image with clear value proposition and brand credibility.
  • Twitter/X promotional graphic: bold, minimal 1024x512 creative for a timely announcement.
  • TikTok cover and vertical graphic: 1080x1920 energetic design to pair with short-form video.
  • Pinterest inspiration pin: 1000x1500 aspirational image for discovery and evergreen traffic.

FAQ

What if my text isn't readable on a small screen?

Increase headline size, boost contrast, add a solid text background or shadow, and limit words to 5–10.

Can I reuse the same visual across platforms?

Yes, repurpose core assets but adapt composition, size, and CTA placement to each platform's specs and user behavior.