Social Media Designer - Claude MCP Skill

# Social Media Designer

A social media design expert that creates platform-optimized graphics for maximum engagement. This skill combines platform best practices, visual design principles, and content strategy to produce scroll-stopping social media content that drives results.

From Instagram posts to Twitter headers to LinkedIn carousels, this skill ensures your social content looks professional, on-brand, and optimized for each platform's unique requirements.

## Core Workflows

### Workflow 1: Instagram Content Suite
1. **Define content type**
   - Feed post (single or carousel)
   - Story
   - Reel cover
   - Highlight cover
   - Profile picture

2. **Design feed post**
   - Dimensions: 1080x1080px (square) or 1080x1350px (portrait)
   - Visual hierarchy for quick scanning
   - Brand colors and fonts
   - On-brand photography or graphics
   - Text overlay (readable on mobile)

3. **Create story template**
   - Dimensions: 1080x1920px
   - Safe zones (avoid top/bottom 250px)
   - Interactive elements (polls, questions, sliders)
   - Swipe-up or link sticker area
   - Consistent brand frame

4. **Build content series**
   - Template for consistency
   - Color-coded by category
   - Reusable elements
   - Variation within system

### Workflow 2: LinkedIn Professional Graphics
1. **Choose format**
   - Single image post: 1200x627px
   - Carousel: 1080x1080px per slide
   - Article header: 1200x627px
   - Company page cover: 1128x191px
   - Profile banner: 1584x396px

2. **Design for platform**
   - Professional, polished aesthetic
   - Data-driven content
   - Industry-relevant imagery
   - Thought leadership focus
   - Clear value proposition

3. **Create carousel**
   - Compelling cover slide
   - One idea per slide
   - Consistent template
   - Strong conclusion/CTA
   - Page numbers or progress indicator

4. **Optimize for feed**
   - Hook in first 2 lines
   - Visual supports text
   - Professional photography
   - Avoid overly promotional

### Workflow 3: Twitter/X Visual Content
1. **Design tweet images**
   - Dimensions: 1200x675px (16:9)
   - High contrast for timeline
   - Bold, simple message
   - Works as thumbnail
   - Text readable at small size

2. **Create header image**
   - Dimensions: 1500x500px
   - Brand expression
   - Seasonal or campaign updates
   - Visual interest, not busy
   - Works with profile picture

3. **Design thread graphics**
   - Consistent style across thread
   - Numbered or sequential
   - Eye-catching colors
   - Quote graphics
   - Data visualizations

### Workflow 4: Multi-Platform Campaign
1. **Design master concept**
   - Core message/visual
   - Adaptable composition
   - Flexible color system
   - Reusable elements

2. **Adapt for each platform**
   - Resize for specs
   - Adjust safe zones
   - Platform-appropriate tone
   - Optimize text size

3. **Create platform variants**
   - Instagram: 1080x1080px
   - Facebook: 1200x630px
   - Twitter: 1200x675px
   - LinkedIn: 1200x627px
   - Pinterest: 1000x1500px
   - TikTok: 1080x1920px

4. **Maintain consistency**
   - Same core message
   - Recognizable brand elements
   - Adapted, not duplicated
   - Platform-native feel

## Quick Reference

| Action | Command/Trigger |
|--------|-----------------|
| Instagram post | "Design Instagram post about [topic]" |
| Story template | "Create Instagram story template" |
| LinkedIn carousel | "Design LinkedIn carousel on [topic]" |
| Twitter graphic | "Create Twitter image for [content]" |
| Multi-platform | "Design social campaign for [message]" |
| Profile graphics | "Create social media profile graphics" |

## Platform Specifications

### Instagram

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Feed (square) | 1080x1080px | 1:1 | Most common |
| Feed (portrait) | 1080x1350px | 4:5 | More feed space |
| Feed (landscape) | 1080x566px | 1.91:1 | Less common |
| Story | 1080x1920px | 9:16 | Safe zone matters |
| Reel | 1080x1920px | 9:16 | Vertical video |
| Profile Picture | 320x320px | 1:1 | Displays 110x110 |
| Highlight Cover | 1080x1920px | 9:16 | Center circle |

**Best Practices**:
- Bright, vibrant colors perform better
- Faces increase engagement
- Minimal text (not text-heavy platform)
- Consistent aesthetic/grid
- Stories: Top 25% and bottom 35% are safe zones

### Facebook

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Feed Image | 1200x630px | 1.91:1 | Link preview size |
| Feed Square | 1200x1200px | 1:1 | Alternative |
| Story | 1080x1920px | 9:16 | Same as IG |
| Cover Photo (Personal) | 820x312px | 2.7:1 | Profile |
| Cover Photo (Page) | 820x312px | 2.7:1 | Business |
| Event Cover | 1920x1005px | 1.91:1 | Desktop optimized |

**Best Practices**:
- Less polished than Instagram
- Longer captions work
- Community-focused content
- Video performs best
- Profile picture: 170x170px display

### Twitter/X

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| In-stream Photo | 1200x675px | 16:9 | Recommended |
| Header Photo | 1500x500px | 3:1 | Profile banner |
| Profile Photo | 400x400px | 1:1 | Displays smaller |

**Best Practices**:
- High contrast for timeline visibility
- Keep text large and bold
- Works at thumbnail size
- Header: Mind profile pic overlap
- Timeline is fast-scrolling

### LinkedIn

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Shared Image | 1200x627px | 1.91:1 | Article preview |
| Carousel | 1080x1080px | 1:1 | Per slide |
| Company Cover | 1128x191px | 5.9:1 | Page header |
| Personal Banner | 1584x396px | 4:1 | Profile |
| Logo | 300x300px | 1:1 | Square |

**Best Practices**:
- Professional aesthetic
- Data and insights perform well
- Carousels get high engagement
- Text-heavy is acceptable
- Industry-relevant content

### Pinterest

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Standard Pin | 1000x1500px | 2:3 | Recommended |
| Square Pin | 1000x1000px | 1:1 | Alternative |
| Long Pin | 1000x2100px | 1:2.1 | Max height |
| Profile Picture | 165x165px | 1:1 | Circular |
| Board Cover | 600x600px | 1:1 | Square |

**Best Practices**:
- Vertical formats perform best
- Bright, eye-catching
- Text overlays work well
- How-to and tutorials excel
- Lifestyle imagery

### TikTok

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Video | 1080x1920px | 9:16 | Vertical |
| Profile Picture | 200x200px | 1:1 | Circular |

**Best Practices**:
- Thumbnail matters
- Fast-paced content
- Authentic, not polished
- Trending audio/effects
- Hook in first 3 seconds

### YouTube

| Format | Dimensions | Aspect Ratio | Notes |
|--------|------------|--------------|-------|
| Thumbnail | 1280x720px | 16:9 | Critical for CTR |
| Channel Cover | 2560x1440px | 16:9 | Desktop |
| Profile Picture | 800x800px | 1:1 | Circular display |

**Best Practices**:
- Thumbnail: Bold text, faces, contrast
- Test safe zones for mobile
- Consistent branding
- Eye-catching colors

## Design Principles for Social

**Mobile-First**
- Most views on mobile
- Large text (minimum 40pt headlines)
- High contrast
- Thumb-friendly interaction zones

**Scroll-Stopping**
- First impression in 0.5 seconds
- Bold colors and contrast
- Faces and people
- Pattern interruption
- Curiosity gap

**Brand Consistency**
- Recognizable color palette
- Consistent fonts
- Recurring visual elements
- Template system
- Cohesive feed aesthetic

**Platform-Native**
- Match platform culture
- Use platform features
- Appropriate tone
- Don't just repost everywhere

**Value-First**
- Educational, entertaining, or inspiring
- Clear benefit to viewer
- Not overly promotional
- Shareable content

## Content Categories

**Educational**
- How-to graphics
- Tips and tricks
- Stat graphics
- Infographics
- Explainer posts

**Inspirational**
- Quote graphics
- Motivational content
- Success stories
- Before/after
- Testimonials

**Entertainment**
- Memes (on-brand)
- Relatable content
- Behind-the-scenes
- Fun facts
- Interactive (polls, quizzes)

**Promotional**
- Product launches
- Sale announcements
- Event promotion
- Case studies
- Demo videos

**Community**
- User-generated content
- Team spotlights
- Customer features
- Q&A
- Challenges/contests

## Typography for Social Media

**Headline Sizes**
- Instagram feed: 60-80pt
- Instagram story: 80-120pt
- LinkedIn: 48-72pt
- Twitter: 72-96pt

**Font Choices**
- Bold, high-contrast fonts
- Sans-serif for readability
- Avoid thin weights
- Limit to 2 fonts
- Consistent hierarchy

**Text Amount**
- Instagram feed: Minimal (image speaks)
- Instagram story: Short, scannable
- LinkedIn: Can be text-heavy
- Twitter: Concise, punchy
- Pinterest: Descriptive headlines

## Color Strategy

**High-Contrast Palettes**
- Stand out in crowded feeds
- Improve mobile readability
- Create visual hierarchy
- Aid accessibility

**Brand Colors**
- Primary color prominently
- Accent for highlights
- Consistent background treatment
- Recognize at glance

**Platform Considerations**
- Instagram: Bright, saturated
- LinkedIn: Professional, muted
- Twitter: Bold, attention-grabbing
- Pinterest: Soft, aspirational

## Best Practices

- **Optimize for mobile**: 80%+ view on phones
- **Safe zones**: Mind platform UI overlap
- **Readable text**: High contrast, large size
- **Brand consistency**: Recognizable at glance
- **Platform-specific**: Don't just duplicate
- **Test before posting**: View at actual size
- **A/B test**: Try variations, learn what works
- **Accessible**: Alt text, captions, contrast
- **File size**: Compress without quality loss
- **Templates**: Speed up production
- **Stay current**: Platforms change specs
- **Engage quickly**: Hook in first 2 seconds

## Deliverables Format

```
SOCIAL MEDIA DESIGN PACKAGE
Campaign: [Name]
Duration: [Dates]
Platforms: Instagram, LinkedIn, Twitter

DESIGN CONCEPT
Theme: [Description]
Message: [Core message]
Style: [Modern/Minimal/Bold/etc.]

ASSET LIST

1. Instagram Feed Post
   Dimensions: 1080x1080px
   Format: PNG/JPG
   Design:
   - Background: [Brand gradient]
   - Headline: "[Text]" - [Font] Bold 72pt
   - Subtext: "[Text]" - [Font] Regular 32pt
   - Logo: Bottom right corner
   - CTA: "[Text]" - Button style

   Midjourney prompt (if applicable):
   "[Detailed prompt for background imagery]"

2. Instagram Story
   Dimensions: 1080x1920px
   Format: PNG with transparency
   Design:
   - Safe zones respected
   - Link sticker area: 250px from bottom
   - Progress indicator: Top
   - Swipe-up affordance
   - Interactive element: Poll at 40% height

3. LinkedIn Carousel (5 slides)
   Dimensions: 1080x1080px each
   Format: PDF (all slides)

   Slide 1 (Cover):
   - Hook headline
   - Eye-catching visual
   - "Swipe for [benefit]"

   Slides 2-4 (Content):
   - One idea per slide
   - Supporting visual
   - Consistent template

   Slide 5 (CTA):
   - Summary
   - Call to action
   - Contact info

4. Twitter Image
   Dimensions: 1200x675px
   Format: PNG
   Design:
   - Bold statement
   - High contrast
   - Minimal text
   - Works as thumbnail

FILES DELIVERED
- IG-feed-post-v1.png
- IG-story-template.png
- LinkedIn-carousel-slides.pdf
- LinkedIn-carousel-slide-1.png (individual)
- [... individual slides ...]
- Twitter-image.png
- Social-media-templates.fig (Figma source)

BRAND ELEMENTS USED
Colors:
- Primary: #HEX
- Secondary: #HEX
- Accent: #HEX

Fonts:
- Headline: [Font] Bold
- Body: [Font] Regular

Logo: [Version used]

USAGE GUIDELINES
Instagram:
- Post between 11am-1pm or 7pm-9pm
- Use hashtags: #tag1 #tag2 #tag3
- Tag relevant accounts
- Encourage saves and shares

LinkedIn:
- Post Tuesday-Thursday 9am-12pm
- Tag company page
- Write compelling caption (100-200 words)
- Engage with comments

Twitter:
- Include link to blog post
- Use 2-3 hashtags max
- Tag mentions
- Pin for 24 hours

METRICS TO TRACK
- Reach
- Engagement rate
- Saves (Instagram)
- Shares (LinkedIn)
- Click-through rate
```

## Templates to Create

**Content Pillars** (recurring series)
- Monday Motivation (quote)
- Tip Tuesday (educational)
- Wisdom Wednesday (insight)
- Throwback Thursday (timeline)
- Feature Friday (customer/product)

**Post Types**
- Announcement template
- Testimonial template
- Stat graphic template
- Quote graphic template
- How-to template
- Behind-the-scenes template

## Tools Integration

- Use **Midjourney** for custom imagery and backgrounds
- Use **color-palette-generator** for brand-aligned colors
- Use **typography-advisor** for font pairings
- Use **infographic-designer** for data posts
- Use **mockup-generator** for product showcases

## Common Requests

**Product launch**: Multi-platform announcement graphics with product imagery
**Quote post**: Minimal design with typography focus
**Stat graphic**: Data visualization for LinkedIn/Instagram
**Story series**: 3-5 connected stories with swipe progression
**Carousel**: Educational 5-10 slide deck for LinkedIn
**Profile refresh**: New headers, profile pics across platforms