Social Graphics
- 521 installs
- 29 repo stars
- Updated July 12, 2026
- sanky369/vibe-building-skills
social-graphics is a Claude agent skill that generates platform-optimized social media graphics and banners for developers who need on-brand promotional visuals without leaving the agent workflow.
About
social-graphics is a vibe-building-skills agent skill for creating platform-specific social media graphics, banners, and promotional posts optimized for Instagram, Twitter, LinkedIn, TikTok, and other channels. The methodology covers three layers: platform sizing and format rules, visual design aligned to product branding, and engagement-oriented composition. Developers reach for social-graphics when a release, feature announcement, or documentation launch needs shareable visuals that match product tone. The skill stays inside the agent session so teams generate graphics alongside code and copy instead of switching to a separate design tool for every post.
- Generates platform-optimized social graphics (Twitter/X, LinkedIn, Instagram, TikTok)
- Maintains consistent brand aesthetics and color palettes across assets
- Creates multiple variants in a single run for A/B testing
- Outputs production-ready image files with proper dimensions and text overlays
- Works directly with Claude, Cursor and other coding agents
Social Graphics by the numbers
- 521 all-time installs (skills.sh)
- +12 installs in the week ending Aug 5, 2026 (Skillselion tracking)
- Ranked #580 of 1,880 Design & UI/UX skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/sanky369/vibe-building-skills --skill social-graphicsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 521 |
|---|---|
| repo stars | ★ 29 |
| Last updated | July 12, 2026 |
| Repository | sanky369/vibe-building-skills ↗ |
How do you create platform-sized social graphics?
Generate on-brand social media graphics, banners, and promotional visuals that match their product vibe without leaving the agent workflow.
Who is it for?
Developers shipping product updates who need correctly sized, on-brand social graphics generated inside their agent workflow.
Skip if: Teams requiring full brand identity systems, print layouts, or complex multi-page design work outside social post formats.
When should I use this skill?
A feature launch or release needs platform-specific social graphics and the agent should produce sized, on-brand visuals.
What you get
Platform-dimensioned social banners, post graphics, and promotional visuals tuned for each target network.
- Platform-sized social graphic
- Promotional banner asset
- Social post visual
By the numbers
- Covers 4 named platforms: Instagram, Twitter, LinkedIn, and TikTok
- Uses a 3-layer methodology: platform optimization, visual design, and engagement composition
Files
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 aestheticPlatform 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, authoritativePlatform 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 aestheticPlatform 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 stylePlatform 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-catchingDesign 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 trendsElement 2: Typography
- Bold, readable fonts
- Clear hierarchy (headline, subheading, body)
- High contrast with background
- Limited fonts (2-3 maximum)
- Professional or trendy based on brandElement 3: Composition
- Rule of thirds for balanced design
- Clear focal point
- Negative space for breathing room
- Visual hierarchy
- Eye-catching arrangementElement 4: Visual Elements
- Icons or graphics
- Product images
- Lifestyle photography
- Geometric shapes
- Textures or patternsComplete 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 aestheticLinkedIn Professional Post
LinkedIn professional graphic, [topic], corporate [color palette],
professional design, authoritative aesthetic, business-focused,
clean composition, 1200x627, trending on linkedin, high-qualityTwitter Promotional Post
Twitter promotional graphic, [topic], bold design, high contrast,
[color palette], simple composition, eye-catching, 1024x512,
trending on twitter, modern aesthetic, professional qualityTikTok Trending Post
TikTok trending graphic, [topic], vertical format, 1080x1920,
trendy aesthetic, bold colors, energetic mood, eye-catching,
modern design, authentic style, high engagement potentialPinterest Inspiration Pin
Pinterest inspiration pin, [topic], vertical format, 1000x1500,
inspiring aesthetic, [color palette], professional design,
high-quality imagery, trending on pinterest, eye-catching,
aspirational moodText Overlay Best Practices
Headline Text
- Large, bold, readable
- 5-10 words maximum
- Clear value proposition
- High contrast with background
- Professional or trendy fontBody Text
- Secondary information
- 1-2 lines maximum
- Readable size
- Supports headline
- Clear call-to-actionCall-to-Action
- "Learn More"
- "Shop Now"
- "Discover"
- "Join Us"
- "Click Link in Bio"
- Clear, action-orientedHow 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.
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.716k165k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.498k29.6k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst389k16k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k476
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.301k69.4k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.290k112kHow it compares
Pick social-graphics when you need quick, platform-sized promotional visuals inside an agent session rather than a full design suite for complex brand systems.
FAQ
Which social platforms does social-graphics support?
social-graphics targets Instagram, Twitter, LinkedIn, TikTok, and other major social platforms. The skill applies each network's size, format, and engagement conventions when generating graphics and post visuals.
What design layers does social-graphics apply?
social-graphics uses three layers: platform optimization for dimensions and formats, visual design aligned to product branding, and engagement-focused composition. Together they produce shareable promotional assets from the agent session.