Social Media Designer

Create platform-optimized social media graphics

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "Social Media Designer" with this command: npx skills add jmsktm/claude-settings/jmsktm-claude-settings-social-media-designer

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

ActionCommand/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

FormatDimensionsAspect RatioNotes
Feed (square)1080x1080px1:1Most common
Feed (portrait)1080x1350px4:5More feed space
Feed (landscape)1080x566px1.91:1Less common
Story1080x1920px9:16Safe zone matters
Reel1080x1920px9:16Vertical video
Profile Picture320x320px1:1Displays 110x110
Highlight Cover1080x1920px9:16Center 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

FormatDimensionsAspect RatioNotes
Feed Image1200x630px1.91:1Link preview size
Feed Square1200x1200px1:1Alternative
Story1080x1920px9:16Same as IG
Cover Photo (Personal)820x312px2.7:1Profile
Cover Photo (Page)820x312px2.7:1Business
Event Cover1920x1005px1.91:1Desktop optimized

Best Practices:

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

Twitter/X

FormatDimensionsAspect RatioNotes
In-stream Photo1200x675px16:9Recommended
Header Photo1500x500px3:1Profile banner
Profile Photo400x400px1:1Displays 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

FormatDimensionsAspect RatioNotes
Shared Image1200x627px1.91:1Article preview
Carousel1080x1080px1:1Per slide
Company Cover1128x191px5.9:1Page header
Personal Banner1584x396px4:1Profile
Logo300x300px1:1Square

Best Practices:

  • Professional aesthetic
  • Data and insights perform well
  • Carousels get high engagement
  • Text-heavy is acceptable
  • Industry-relevant content

Pinterest

FormatDimensionsAspect RatioNotes
Standard Pin1000x1500px2:3Recommended
Square Pin1000x1000px1:1Alternative
Long Pin1000x2100px1:2.1Max height
Profile Picture165x165px1:1Circular
Board Cover600x600px1:1Square

Best Practices:

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

TikTok

FormatDimensionsAspect RatioNotes
Video1080x1920px9:16Vertical
Profile Picture200x200px1:1Circular

Best Practices:

  • Thumbnail matters
  • Fast-paced content
  • Authentic, not polished
  • Trending audio/effects
  • Hook in first 3 seconds

YouTube

FormatDimensionsAspect RatioNotes
Thumbnail1280x720px16:9Critical for CTR
Channel Cover2560x1440px16:9Desktop
Profile Picture800x800px1:1Circular 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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Automation

Hk Cn Content Matrix

香港/中文内容运营指南 - 小红书、抖音、微信公众号内容创作模板和策略。香港本地化,生活/理财/旅行/美妆赛道。

Registry SourceRecently Updated
750Profile unavailable
General

Content Repurposer Pro

Repurpose long-form content (blog posts, articles, YouTube transcripts) into multiple formats automatically — Twitter/X threads, LinkedIn posts, email newsle...

Registry SourceRecently Updated
650Profile unavailable
General

Blog Master — Universal SEO Blog Writing System

Write SEO-optimized blog posts for any niche and publish them to WordPress, Google Business Profile, and Google Blogger. Includes AEO triggers for AI search...

Registry SourceRecently Updated
9450Profile unavailable
Automation

Content Repurposer

Repurpose any blog post or article into multiple social media formats. Input a URL or text, get X/Twitter thread, LinkedIn post, Instagram caption, email sni...

Registry SourceRecently Updated
3081Profile unavailable