Agent skill

Visual Content

by kostja94 in kostja94/marketing-skills

When the user wants to plan, create, or repurpose visual content (images, infographics, social post images) across channels.

MITAuto-check passedWriting & Content

Install Visual Content

skills CLI
$ npx skills add kostja94/marketing-skills --skill visual-content -a claude-code

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

GitHub CLI
$ gh skill install kostja94/marketing-skills visual-content --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/kostja94/marketing-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/content/visual-content .claude/skills/visual-content && 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
visual-content
GitHub stars
1k
Token cost
~1.8k tokens
SKILL.md length
776 words
Files
1
Skills in repo
102
Repo updated
First seen
Licence
MIT

At a glance

When the user wants to plan, create, or repurpose visual content (images, infographics, social post images) across channels.

  • Works in 6 steps: When to Use Images → Website vs Social vs Email → Platform Image Specs (Social) → …
  • Repurpose visual content (images
  • SKILL.md covers Scope, Initial Assessment, 1. When to Use Images and 2. Website vs Social vs Email, plus 6 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Visual Content is an agent skill from kostja94/marketing-skills. When the user wants to plan, create, or repurpose visual content (images, infographics, social post images) across channels. Also use when the user mentions "content images," "social media images," "infographic," "visual content," "post image," "image specs," "visual repurposing," "content visuals," or "image for social post." For Pinterest, use pinterest-posts.

Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Writing & Content, covering Infographics, Content repurposing and Social media posts. It works with Pinterest. The repository describes itself as: Agent Skills for Marketing — SEO, Social, Influencer & More. 160+ open-source skills for SEO, content, 40+ page types, paid ads, channels, and strategies. Add project context… The licence is MIT.

When your agent uses it

  • Repurpose visual content (images
  • Social post images) across channels
  • The user mentions content images
  • Social media images

Example prompts

  • “content images,”
  • “social media images,”
  • “infographic,”
  • “/visual-content”

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. When to Use Images
  2. Website vs Social vs Email
  3. Platform Image Specs (Social)
  4. Visual Repurposing
  5. Visual-First Content Planning
  6. Format-Specific Notes

What it can do on your machine

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

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

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

  • Network

    No URLs in SKILL.md.

    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.

Context cost

Visual Content loads about 1.8k tokens when it runs. Until then it costs about 95 tokens; SKILL.md has 776 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~95
When it runs · the whole SKILL.md, loaded when a task matches
~1.8k

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 kostja94/marketing-skills at commit 8dd89c5, republished under its MIT licence (© kostja94). 776 words, ~1,806 tokens.

Download SKILL.mdSave it as .claude/skills/visual-content/SKILL.md (or your agent's skills folder).
name
visual-content
description
When the user wants to plan, create, or repurpose visual content (images, infographics, social post images) across channels. Also use when the user mentions "content images," "social media images," "infographic," "visual content," "post image," "image specs," "visual repurposing," "content visuals," or "image for social post." For Pinterest, use pinterest-posts.
metadata.version
1.0.1

Content: Visual Content

Guides visual content planning and creation across website, social media, email, and other channels. Images are needed not just for websites—social posts, infographics, and repurposed content all require visuals. Visual-first planning in content calendars improves engagement; cross-channel consistency and repurposing maximize ROI.

When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Scope

  • When to use images: By content type and format
  • Specs by context: Website vs social vs email
  • Platform image specs: X, LinkedIn, Pinterest, Instagram, Facebook, YouTube
  • Repurposing: One visual → multiple formats and channels
  • Visual-first planning: Content calendar with image planning

Initial Assessment

Project context: Read root contextus.md when present and load only the modules relevant to this task. Without Contextus, use available project material or user-provided facts and ask for missing information; do not create a parallel context system.

Identify:

  1. Context: Article, social post, infographic, email, landing page
  2. Channels: Which platforms will use this visual
  3. Repurposing: Will this visual be adapted for other formats?

1. When to Use Images

Content TypeVisual NeedNotes
Article / BlogHero image, in-article images, screenshotsSee image-optimization for web (alt, WebP, LCP)
Social postSingle image, carousel, or link previewPlatform-specific specs below
InfographicPrimary format; data visualizationRepurpose to social (cropped), blog (full)
Case studyCustomer photo, results chart, logoRepurpose to LinkedIn carousel, blog
Product updateScreenshot, feature graphicChangelog, email, social
EmailHeader image, inline graphicsKeep lightweight; many clients block images
Landing pageHero, trust badges, screenshotsSee hero-generator, image-optimization

2. Website vs Social vs Email

ContextPrioritySkill
WebsiteAlt text, WebP, LCP, responsive, lazy loadingimage-optimization
Social postsPlatform dimensions, aspect ratio, file sizePlatform skills (X, LinkedIn, Pinterest, etc.)
OG / Twitter Cards1200×630, 1200×675 for link previewsopen-graph, twitter-cards
EmailInline-friendly; avoid heavy images; alt for blockedemail-marketing

3. Platform Image Specs (Social)

PlatformPost ImageStories / ReelsProfileNotes
X (Twitter)1200×675 (16:9), 800×800—400×400See twitter-x-posts
LinkedIn1200×627, 1200×1200; carousel up to 20—400×400See linkedin-posts; vertical preferred on mobile
Pinterest1000×1500 (2:3)—165×165Alt text ~25% more impressions; see pinterest-posts
Instagram1080×1350 (4:5), 1080×10801080×1920 (9:16)320×3204:5 outperforms square on feed
Facebook1200×630, 1080×10801080×1920320×320
YouTubeThumbnail 1280×720—800×800

General: 1080px width works across most platforms; vertical (4:5, 9:16) outperforms square on mobile-first feeds. Keep critical elements (logo, text) in safe center—platforms may crop.


4. Visual Repurposing

Principle: One core visual → multiple crops/formats → multiple channels.

Core VisualAdaptationsChannels
InfographicFull (blog), cropped sections (Instagram, LinkedIn carousel), square (X)Blog, LinkedIn, Instagram, X
Case study graphicHero (blog), single slide (LinkedIn), story (Instagram)Blog, LinkedIn, Instagram
Product screenshotHero (landing), post (X, LinkedIn), email headerWebsite, social, email
Quote graphicSquare (X, LinkedIn), 4:5 (Instagram)X, LinkedIn, Instagram

Workflow: Design at largest needed size; export platform-specific crops. Use consistent colors, fonts, logo placement (see brand-visual-generator).


Show full SKILL.md (273 more words)Show less

5. Visual-First Content Planning

  • Plan images in content calendar: Don't add visuals as afterthought; visuals drive engagement
  • Batch by theme: Create visuals for a topic cluster or campaign together for consistency
  • Repurposing column: In calendar, note which core piece becomes which visual format for which channel
  • Asset library: Organize by campaign/theme; tag for reuse

6. Format-Specific Notes

Infographics
  • Dimensions: 800–1200px width; height varies by content
  • Export: PNG for web; PDF for download
  • Repurpose: Slice into 3–5 slides for LinkedIn carousel; single stat for X/Instagram
Social Post Images
  • Text overlay: Keep minimal; many platforms deprecate text-heavy images
  • Branding: Logo in corner; consistent with brand-visual-generator
  • Alt text: Add for LinkedIn, Pinterest, X (accessibility + Pinterest SEO); see image-optimization for alt best practices
Article / Blog Images
  • Hero: Often LCP candidate; optimize per image-optimization
  • In-article: Support narrative; alt text, captions per image-optimization
  • Screenshots: Annotate when helpful; keep file size low

Output Format

  • Visual plan (what images for what content)
  • Specs by context (platform dimensions, format)
  • Repurposing map (one visual → multiple outputs)
  • References to platform skills and image-optimization
Content & Strategy
  • content-marketing: Content types, formats, repurposing; visual content is part of content mix
  • content-strategy: SEO topic clusters; article visuals
  • copywriting: Copy pairs with visuals; headlines for image posts
Platform (Image Specs)
  • twitter-x-posts: X post image specs
  • linkedin-posts: LinkedIn image specs
  • pinterest-posts: Pinterest Pin dimensions, alt text
  • reddit-posts: Reddit image post context
Website & SEO
  • image-optimization: Web images (alt, captions, WebP, LCP, responsive); central skill for image SEO
  • open-graph, twitter-cards: Link preview images
  • hero-generator: Hero section visuals
Other
  • brand-visual-generator: Typography, colors, imagery tone; visual consistency
  • video-marketing: Video thumbnails; video as visual format
  • video-optimization: Video SEO; VideoObject; video sitemap; YouTube prioritization

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

Files

Just SKILL.md in skills/content/visual-content of kostja94/marketing-skills.

Open the folder on GitHubat commit 8dd89c5

Compare with similar skills

Visual Content 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.

Visual Content compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Visual Content this skillkostja94/marketing-skills1k—~1.8kAutomated safety check: PassMIT
Social Media Managementmanojbajaj95/claude-gtm-plugin1051 repos~3.9kAutomated safety check: PassMIT
Podcast Pipelineericosiu/ai-marketing-skills3.6k1 repos~2.6kAutomated safety check: PassMIT
Content RepurposingScrapeCreators/social-media-research-skills3.3k—~564Automated safety check: NotesMIT
Content Repurposer Smsblacktwist/social-media-skills560—~3.7kAutomated safety check: PassMIT
Repurpose LinkedinAgriciDaniel/claude-repurpose155—~1.6kAutomated safety check: PassMIT

Similar skills

  • Social Media Management

    manojbajaj95/claude-gtm-plugin

    Comprehensive social media management for all platforms (LinkedIn, Twitter/X, Instagram, TikTok, Facebook, Pinterest, YouTube).

    105 GitHub starsUsed in 1 repo~3.9k tokens
    Writing & ContentAuto-check passed
  • Podcast Pipeline

    ericosiu/ai-marketing-skills

    Podcast-to-Everything content pipeline. An agent skill from ericosiu/ai-marketing-skills.

    3.6k GitHub starsUsed in 1 repo~2.6k tokens
    Writing & ContentAuto-check passed
  • Content Repurposing

    ScrapeCreators/social-media-research-skills

    A skill your agent uses when the user wants to turn public social videos, transcripts, posts, or creator research into reusable content assets such as LinkedIn posts, X threads, short-form scripts…

    3.3k GitHub stars~564 tokensUpdated 1 mo ago
    Writing & ContentAuto-check: notes
  • Content Repurposer Sms

    blacktwist/social-media-skills

    When the user wants to turn one piece of content into multiple formats or adapt content across text-first and visual-first platforms (LinkedIn, Twitter/X, Threads, Bluesky, Facebook, Instagram…

    560 GitHub stars~3.7k tokensUpdated 5 mo ago
    Writing & ContentAuto-check passed
  • Repurpose Linkedin

    AgriciDaniel/claude-repurpose

    Generates LinkedIn content from content atoms: text posts with hook-first formatting, PDF carousel slide scripts (10-12 slides), and strategic polls.

    155 GitHub stars~1.6k tokensUpdated 6 mo ago
    Writing & ContentAuto-check passed
  • Linkedin Skills

    alirezarezvani/claude-skills

    A skill your agent uses when someone wants to grow an organic LinkedIn presence — a content strategy for a career change or consulting or thought leadership, a rewritten profile or headline, post…

    28k GitHub stars~1.4k tokensUpdated 1 mo ago
    Writing & ContentAuto-check passed

More from kostja94/marketing-skills

All 102 skills in this repo
  • Grokipedia Recommendations

    kostja94/marketing-skills

    When the user wants to add recommendations, links, or content to Grokipedia.

    1k GitHub starsUsed in 1 repo~4.2k tokens
    Auto-check passed
  • AI Traffic Tracking

    kostja94/marketing-skills

    When the user wants to track AI search traffic in GA4 or GSC.

    1k GitHub stars~959 tokensUpdated 2 days ago
    Auto-check passed
  • Analytics Tracking

    kostja94/marketing-skills

    When the user wants to set up, audit, or optimize analytics tracking (GA4, events, conversions).

    1k GitHub stars~1.5k tokensUpdated 2 days ago
    Auto-check passed
  • Brand Visual Generator

    kostja94/marketing-skills

    When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics).

    1k GitHub stars~3k tokensUpdated 2 days ago
    Auto-check passed
  • Canonical Tag

    kostja94/marketing-skills

    When the user wants to configure canonical URLs, fix duplicate content, or consolidate URL signals.

    1k GitHub stars~1.2k tokensUpdated 2 days ago
    Auto-check passed
  • Content Strategy

    kostja94/marketing-skills

    When the user wants to plan content for SEO, create content calendar, or build topic clusters.

    1k GitHub stars~1.8k tokensUpdated 2 days ago
    Auto-check passed

Works with

Questions about Visual Content

What does Visual Content do?

When the user wants to plan, create, or repurpose visual content (images, infographics, social post images) across channels. Visual Content is an agent skill from kostja94/marketing-skills. When the user wants to plan, create, or repurpose visual content (images, infographics, social post images) across channels.

When should I use Visual Content?

Visual Content fits situations like: repurpose visual content (images; social post images) across channels; the user mentions content images; social media images.

How do I install Visual Content in Claude Code?

Run `npx skills add kostja94/marketing-skills --skill visual-content -a claude-code`. Or copy the skill folder (skills/content/visual-content in kostja94/marketing-skills) into .claude/skills/visual-content in your project. Claude Code loads it when a task matches its description.

How do I install Visual Content in Codex?

Run `npx skills add kostja94/marketing-skills --skill visual-content -a codex`. Or copy the skill folder (skills/content/visual-content in kostja94/marketing-skills) into .agents/skills/visual-content in your project. Codex loads it when a task matches its description.

Can I use Visual Content 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 kostja94/marketing-skills --skill visual-content -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/visual-content, .gemini/skills/visual-content, .github/skills/visual-content and .opencode/skills/visual-content in your project.

What does Visual Content need to run?

SKILL.md names no scripts, command-line tools or credentials: Visual Content is instructions for the agent only.

Does Visual Content access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Visual Content 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 Visual Content use?

Visual Content is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Visual Content use?

About 1.8k tokens (SKILL.md is roughly 7.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Visual Content?

Skills that share tags, products or a category with Visual Content: Social Media Management (manojbajaj95/claude-gtm-plugin, 105 stars), Podcast Pipeline (ericosiu/ai-marketing-skills, 3.6k stars), Content Repurposing (ScrapeCreators/social-media-research-skills, 3.3k stars) and Content Repurposer Sms (blacktwist/social-media-skills, 560 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Visual Content?

kostja94 (a GitHub user) maintains it in kostja94/marketing-skills, which has 1,019 GitHub stars. The repository holds 102 skills in this directory. The repository was last updated on October 6, 2026.

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