github-social-preview
CommunityGenerate GitHub social preview images from repo URLs.
Marketing & Sales#branding#github#image generation#og image#social preview#repository metadata#jpegs under 1mb
Authormickpletcher
Version1.0.0
Installs0
System Documentation
What problem does it solve?
GitHub repos often show a generic or missing social preview when shared, so links look unprofessional and get less engagement; this skill generates a correct branded 1280x640 Open Graph image directly from a repository URL.
Core Features & Use Cases
- Auto-fetches repo metadata: Pulls repo name, description (with README fallback), topics (with README keyword fallback), owner/org, and primary language when available.
- Produces GitHub-ready output: Exports a JPEG sized to GitHub’s social preview dimensions (1280x640) and ensures it stays under 1 MB via recompression and optional scaling.
- Theme presets and layout rules: Supports multiple theme presets (including GitHub dark, docs-blue, builder-green, launch-warm) and smart text fitting with truncation to keep things readable.
- Optional richer visuals: Can include optional logo, screenshot, or background art when provided, with graceful fallbacks if assets are missing.
Quick Start
Use the github-social-preview skill by starting your message with gsp followed by a GitHub repository URL.
Dependency Matrix
Required Modules
Pillow
Components
scriptsassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: github-social-preview Download link: https://github.com/mickpletcher/AI-Skills/archive/main.zip#github-social-preview Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.