social-graphics
npx skills add https://github.com/sanky369/vibe-building-skills --skill social-graphics
Agent 安装分布
Skill 文档
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: 1080×1080 (square)
- Story: 1080×1920 (vertical)
- Reel: 1080×1920 (vertical)
- Carousel: 1080×1350 (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: 1200×627 (landscape)
- Document: 1200×1500 (portrait)
- Video: 1200×675 (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: 1024×512 (landscape)
- Recommended: 1200×675 (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: 1080×1920 (vertical)
- Thumbnail: 1280×720 (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: 1000×1500 (portrait)
- Idea Pin: 1000×1200 (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.