Token导航 LogoToken导航TokenDH.com
研究检索只读github未标认证来源可访问clear审计通过

social-graphics社交图形

Agent Skill

social-graphics 用于查找、检索和筛选相关信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

总安装

7,589

周安装

307

GitHub Stars

21

下载量

2,382
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

3

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:social-graphics(社交图形)
来源仓库:https://github.com/sanky369/vibe-building-skills
仓库路径:skills/social-graphics
安装命令:
npx skills add https://github.com/sanky369/vibe-building-skills --skill social-graphics
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/sanky369/vibe-building-skills --skill social-graphics

简介

social-graphics 用于查找、检索和筛选相关信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。

  • 适用于社交媒体视觉素材、品牌图形与创意资源搜索支持。
  • 通过关键词或任务场景输入,Agent 可返回匹配的候选结果列表。
  • 安装命令:npx skills add https://github.com/sanky369/vibe-building-skills --skill social-graphics。
  • 使用前请确认权限范围、维护状态及是否涉及联网或文件操作。

SKILL.md

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.

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Claude Code

31.6%
按下载量换算753

Codex

21.82%
按下载量换算520

Gemini CLI

18.28%
按下载量换算435

OpenCode

13.84%
按下载量换算330

Antigravity

8.01%
按下载量换算191

trae

3.56%
按下载量换算85

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

来源信息

继续浏览同类 Skills