Social Media Graphic Design Skill for Muse
Pixel-exact social graphics with safe zones, for every platform.
- What
- Pixel-exact social graphics with safe zones, for every platform.
- Cost
- Free
- Needs
- an image-generation model for the default path (Gemini 3.1 Flash), OR Chromium/Node.js to render the HTML path; optional: a brand design context file (.agents/design-context.md) for on-brand output. A current dimension sanity-check is recommended before any campaign.
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Platform-calibrated social visuals: exact pixel dimensions and aspect ratios for Instagram, X, LinkedIn, Facebook, Pinterest, and TikTok — plus the safe zones where each platform's UI eats your content (story top/bottom margins, reel caption zones, feed edge padding, profile-grid crops). It ships ready template structures for quote posts, LinkedIn announcements, multi-slide tip carousels, before/after posts, and stat graphics, with hard engagement rules (six words max per line, minimum font sizes, legibility at phone-feed size) and platform-specific design trends. Default output is a Gemini-generated PNG cropped to exact pixels with text kept in the safe zone; an HTML/CSS path handles templated carousels and copy-heavy posts, with a render-to-PNG loop and a read-the-PNG spell-check quality step. Discovered via skills.sh. Honest note: it references sibling skills in the same repo (ad-creative, banner, thumbnail design) but its core is self-contained; you need an image-generation model (Gemini 3.1 Flash by default) or HTML rendering — and platforms redesign often, so sanity-check dimensions before a big campaign. Skill Harbor never reviews the code, review it yourself before use. Not verified.
Curated by Skill Harbor — free, open-source skill (MIT) by @arnavpuri.
Version:
Install
Prerequisites: an image-generation model for the default path (Gemini 3.1 Flash), OR Chromium/Node.js to render the HTML path; optional: a brand design context file (.agents/design-context.md) for on-brand output. A current dimension sanity-check is recommended before any campaign. Install "Social Media Graphic Design Skill for Muse" for me. Generate platform-perfect social graphics with exact dimensions and safe zones for Instagram, X, LinkedIn, Facebook, Pinterest, and TikTok — templates, carousels, and engagement rules included. Repository: https://github.com/arnavpuri/designskills/blob/main/skills/social-media-graphic/SKILL.md 1. Fetch the SKILL.md file from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This file should contain zero secrets in code; credentials only via the secure vault. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md into the agent's skills directory, in a folder named "social-media-graphic". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. provide brand colors/fonts, choose the platform and format). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.