New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Generate Social

by jeremylongshore in jeremylongshore/tons-of-skills-marketplace

Generates platform-sized, on-brand social templates as SVG from the active brand profile, with editable headline, subhead, and call-to-action zones.

MITAuto-check passedMedia & Creative

Install Generate Social

skills CLI
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill generate-social -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jeremylongshore/tons-of-skills-marketplace generate-social --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/design/brand-forge/skills/generate-social .claude/skills/generate-social && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
generate-social
GitHub stars
2.8k
Token cost
~1.3k tokens
SKILL.md length
561 words
Files
2 (incl. references)
Skills in repo
3,342
Repo updated
First seen
Licence
MIT

At a glance

Generates platform-sized, on-brand social templates as SVG from the active brand profile, with editable headline, subhead, and call-to-action zones.

  • Works in 7 steps: Run /brand-status to confirm the active… → Use Glob to locate the active brand… → Choose the platform preset —… → …
  • A user asks for an Instagram post
  • SKILL.md covers Overview, Prerequisites, Instructions and Output, plus 3 more sections
  • Calls node

What it does

Generate Social is an agent skill from jeremylongshore/tons-of-skills-marketplace. Generates platform-sized, on-brand social templates as SVG from the active brand profile, with editable headline, subhead, and call-to-action zones. Vector output needs no account, key, or network. Use when a user asks for an Instagram post or story, an Open Graph or social card, a YouTube thumbnail, or a banner. Trigger with "make an Instagram post", "social card", or "/brand-make social".

Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/platform-sizes.md`). Compatibility notes: Designed for Claude Code

It sits in Media & Creative, covering Social media graphics. It works with Instagram and YouTube. The repository describes itself as: Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com. The licence is MIT.

When your agent uses it

  • A user asks for an Instagram post
  • A YouTube thumbnail
  • With make an Instagram post
  • /brand-make social

Example prompts

  • “make an Instagram post”
  • “social card”
  • “/brand-make social”
  • “/generate-social”

Requirements

  • Node.js
  • Compatibility (from SKILL.md): Designed for Claude Code
  • Pre-approved tools (allowed-tools): Read, Write, Glob, Bash(node:*)

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  1. Run /brand-status to confirm the active brand; if none exists, tell the user to run /brand-new and stop.
  2. Use Glob to locate the active brand directory, then Read and validate the profile with validateProfile. Stop with the offending field if…
  3. Choose the platform preset — instagram-square (default), instagram-story, og-card, or youtube-thumb. Ask the user when unspecified.
  4. Generate the template by running the node generator
  5. Write the result with the Write tool to output/[slug]-[platform].svg.
  6. Hand the file to the visual-guardian subagent for a palette, contrast, and type pass; apply its fixes or surface its flags.
  7. Report the saved path and point out the editable zones so the user can customize or adapt the copy: id="headline", id="subhead", and…

What it can do on your machine

Read from SKILL.md and the folder at commit cfae287. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Write
    • Glob
    • Bash(node:*)

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • ogp.me
    • code.claude.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Designed for Claude Code

    From compatibility in the SKILL.md frontmatter.

Context cost

Generate Social loads about 1.3k tokens when it runs, and up to ~1.6k if it reads all its reference files. Until then it costs about 102 tokens; SKILL.md has 561 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~102
When it runs · the whole SKILL.md, loaded when a task matches
~1.3k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jeremylongshore/tons-of-skills-marketplace at commit cfae287, republished under its MIT licence (© jeremylongshore). 561 words, ~1,317 tokens.

Download SKILL.mdSave it as .claude/skills/generate-social/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
generate-social
description
Generates platform-sized, on-brand social templates as SVG from the active brand profile, with editable headline, subhead, and call-to-action zones. Vector output needs no account, key, or network. Use when a user asks for an Instagram post or story, an Open Graph or social card, a YouTube thumbnail, or a banner. Trigger with "make an Instagram post", "social card", or "/brand-make social".
allowed-tools
Read, Write, Glob, Bash(node:*)
compatibility
Designed for Claude Code
argument-hint
[platform] [headline] [optional subhead] [optional cta]
version
0.5.1
author
localplugins <localplugins@proton.me>
license
MIT
tags
branding, social-media, svg, templates, marketing

Generate Social

Generates a platform-sized, on-brand social template as SVG from the active brand profile, with editable text zones the user can tweak afterward.

Overview

The generate-social skill turns a headline (and optional subhead and call-to-action) into a correctly sized social graphic that uses the brand's palette and fonts. Output is vector SVG, so it scales cleanly and needs no account, key, or network call. The generator (lib/social.mjs) lays out a brand band, a wrapped headline, an optional subhead, and an optional accent pill; the skill resolves the active profile, picks the platform, runs the generator, and saves the file. For a photographic background behind the template, the raster path lives in the generate-graphic skill.

Prerequisites

  • An active brand profile created with /brand-new (a brand/ directory, or brands/[slug]/). Read loads its color-system.json and typography.json.
  • Node.js on the PATH — the generator runs as node lib/social.mjs.
  • Write access to an output/ directory in the working repository.
  • A headline string; subhead and call-to-action are optional parameters.

Instructions

  1. Run /brand-status to confirm the active brand; if none exists, tell the user to run /brand-new and stop.

  2. Use Glob to locate the active brand directory, then Read and validate the profile with validateProfile. Stop with the offending field if validation fails.

  3. Choose the platform preset — instagram-square (default), instagram-story, og-card, or youtube-thumb. Ask the user when unspecified.

  4. Generate the template by running the node generator:

    js
    import { loadProfile } from '../../lib/brand.mjs';
import { buildSocial } from '../../lib/social.mjs';
const profile = loadProfile(activeDir);
const { svg, platform } = buildSocial(profile, {
  platform: 'instagram-square',
  headline: 'We just raised our Series A',
  subhead: 'Building the future of logistics',
  cta: 'Read the story',
});

  5. Write the result with the Write tool to output/[slug]-[platform].svg.

  6. Hand the file to the visual-guardian subagent for a palette, contrast, and type pass; apply its fixes or surface its flags.

  7. Report the saved path and point out the editable zones so the user can customize or adapt the copy: id="headline", id="subhead", and id="cta".

Output

One SVG file under output/, named for the slug and platform:

text
output/northwind-instagram-square.svg
  • Sized to the chosen platform (for example 1080×1080 for instagram-square).
  • Text sits in editable zones — id="headline", id="subhead", id="cta" — that wrap automatically.
  • All copy is HTML-escaped before it enters the markup; colors come from the palette only. No raster is produced.
Show full SKILL.md (220 more words)Show less

Error Handling

ConditionBehavior
No active brand profileStop and direct the user to /brand-new.
Profile fails validateProfileReport the offending field and stop.
Headline missingAsk the user for the headline before generating.
Unknown platform requestedList the four supported presets and ask the user to pick one.
Headline too long for the canvasThe generator wraps text; verify the result and shorten copy if the guardian flags overflow.

To troubleshoot a clipped layout, verify the copy length against references/platform-sizes.md, then re-run and re-check with the guardian.

Examples

Example — launch announcement post

/brand-make an instagram post announcing our Series A

Builds a 1080×1080 square with the brand band, a wrapped headline, and an accent call-to-action, saved as output/northwind-instagram-square.svg.

Example — link card

/brand-make an og card for the blog post

Generates a 1200×630 Open Graph card sized for link previews and hands it to the guardian.

Example — story cover

/brand-make an instagram story

Produces a 1080×1920 story, insetting text clear of the platform's top and bottom safe zones.

Resources

  • references/platform-sizes.md — every preset size, safe zones, the layout the generator produces, and how to add a preset.
  • Sibling skills: generate-logo for marks, and generate-graphic for photographic backgrounds — route between them with the /brand-make command.
  • Open Graph protocol — the metadata standard og-card targets.
  • Agent Skills documentation — how skills are authored and invoked.

© jeremylongshore, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in plugins/design/brand-forge/skills/generate-social of jeremylongshore/tons-of-skills-marketplace.

  • SKILL.md
  • references/platform-sizes.md

Open the folder on GitHubat commit cfae287

Compare with similar skills

Generate Social next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Generate Social compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Generate Social this skilljeremylongshore/tons-of-skills-marketplace2.8k—~1.3kAutomated safety check: PassMIT
Picture Itgeongeorge/picture-it132—~3.7kAutomated safety check: PassMIT
Yuv Reel Covershoodini/ai-agents-skills282—~1.1kAutomated safety check: PassNone
Smart Illustratoraxtonliu/smart-illustrator564—~1.8kAutomated safety check: PassMIT
Youtube Thumbnailhassancs91/claude-youtube-editor328—~2.1kAutomated safety check: NotesMIT
Motion Video in Remotionooiyeefei/ccc495—~2.9kAutomated safety check: PassMIT

Similar skills

  • Picture It

    geongeorge/picture-it

    Generate and edit images from the CLI using picture-it. An agent skill from geongeorge/picture-it.

    132 GitHub stars~3.7k tokensUpdated 6 mo ago
    Media & CreativeAuto-check passed

  • Yuv Reel Covers

    hoodini/ai-agents-skills

    Generate unified, on-brand Instagram Reel covers for Yuval (YUV.AI Neon Phoenix system) — the signature look is a giant Hebrew headline BEHIND the subject cutout + a punch line IN FRONT (depth…

    282 GitHub stars~1.1k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed

  • Smart Illustrator

    axtonliu/smart-illustrator

    Generates article illustrations, batch slide infographics and cover images from your text, using Gemini, Mermaid or Excalidraw engines and a prompt-only mode.

    564 GitHub stars~1.8k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed

  • Youtube Thumbnail

    hassancs91/claude-youtube-editor

    Dedicated YouTube thumbnail generator — interviews you for exactly the style elements you want (environment, text budget, extras, accent color), then renders high-contrast, vibrant, face-consistent…

    328 GitHub stars~2.1k tokensUpdated 1 mo ago
    Media & CreativeAuto-check: notes

  • Motion Video in Remotion

    ooiyeefei/ccc

    Builds marketing and explainer videos in Remotion from rendered scenes, with one real product capture as proof, and cuts them for each platform's formats.

    495 GitHub stars~2.9k tokensUpdated 2 mo ago
    Media & CreativeAuto-check passed

  • Typography Cover Designer

    sugarforever/01coder-agent-skills

    Designs typography-driven video covers and thumbnails in HTML/CSS and screenshots them with Chrome DevTools at 16:9, 16:10, 9:16 and 3:4.

    137 GitHub stars~3.3k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed

More from jeremylongshore/tons-of-skills-marketplace

All 3,342 skills in this repo

  • Performing Security Code Review

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to conduct a security-focused code review using the security-agent plugin.

    2.8k GitHub starsUsed in 2 repos~1.3k tokens
    Auto-check: notes

  • Adapting Transfer Learning Models

    jeremylongshore/tons-of-skills-marketplace

    Build this skill automates the adaptation of pre-trained machine learning models using transfer learning techniques.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Agent Context Loader

    jeremylongshore/tons-of-skills-marketplace

    Execute proactive auto-loading: automatically detects and loads agents.md files.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Aggregating Performance Metrics

    jeremylongshore/tons-of-skills-marketplace

    Aggregate and centralize performance metrics from applications, systems, databases, caches, and services.

    2.8k GitHub stars~1.2k tokensUpdated today
    Auto-check passed

  • Analyzing Capacity Planning

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to analyze capacity requirements and plan for future growth.

    2.8k GitHub stars~947 tokensUpdated today
    Auto-check passed

  • Analyzing Database Indexes

    jeremylongshore/tons-of-skills-marketplace

    Process use when you need to work with database indexing. An agent skill from jeremylongshore/tons-of-skills-marketplace.

    2.8k GitHub stars~2k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Generate Social

What does Generate Social do?

Generates platform-sized, on-brand social templates as SVG from the active brand profile, with editable headline, subhead, and call-to-action zones. Generate Social is an agent skill from jeremylongshore/tons-of-skills-marketplace. Generates platform-sized, on-brand social templates as SVG from the active brand profile, with editable headline, subhead, and call-to-action zones.

When should I use Generate Social?

Generate Social fits situations like: A user asks for an Instagram post; A YouTube thumbnail; with make an Instagram post; /brand-make social.

How do I install Generate Social in Claude Code?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill generate-social -a claude-code`. Or copy the skill folder (plugins/design/brand-forge/skills/generate-social in jeremylongshore/tons-of-skills-marketplace) into .claude/skills/generate-social in your project. Claude Code loads it when a task matches its description.

How do I install Generate Social in Codex?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill generate-social -a codex`. Or copy the skill folder (plugins/design/brand-forge/skills/generate-social in jeremylongshore/tons-of-skills-marketplace) into .agents/skills/generate-social in your project. Codex loads it when a task matches its description.

Can I use Generate Social in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill generate-social -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/generate-social, .gemini/skills/generate-social, .github/skills/generate-social and .opencode/skills/generate-social in your project.

What does Generate Social need to run?

Going by SKILL.md and its folder, Generate Social needs the command-line tools its instructions call (node). Our summary lists: Node.js. Its frontmatter pre-approves these tools: Read, Write, Glob, Bash(node:*). Compatibility (from SKILL.md): Designed for Claude Code.

Does Generate Social access the network?

SKILL.md names 2 domains. As links in the text: ogp.me and code.claude.com. This is read from the text; nothing was executed.

Is Generate Social safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Generate Social use?

Generate Social is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Generate Social use?

About 1.3k tokens (SKILL.md is roughly 5.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 312 tokens, read only when the agent opens those files.

What are the alternatives to Generate Social?

Skills that share tags, products or a category with Generate Social: Picture It (geongeorge/picture-it, 132 stars), Yuv Reel Covers (hoodini/ai-agents-skills, 282 stars), Smart Illustrator (axtonliu/smart-illustrator, 564 stars) and Youtube Thumbnail (hassancs91/claude-youtube-editor, 328 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Generate Social?

jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,827 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 10, 2026.

Source: jeremylongshore/tons-of-skills-marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.