Content: Visual Content Skill

Content: Visual Content Skill

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…

Install command

npx skills add https://github.com/kostja94/marketing-skills --skill visual-content
Added on

Details

Overview

Content: Visual Content Skill is an open-source Agent Skill from the kostja94/marketing-skills collection (MIT). It teaches AI coding agents focused marketing / SEO workflows so they can produce production-ready guidance instead of generic advice.

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.

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?

Official skill id: visual-content. Source path: skills/content/visual-content.

Key Features

  • W: hen to use images: By content type and format
  • S: pecs by context: Website vs social vs email
  • P: latform image specs: X, LinkedIn, Pinterest, Instagram, Facebook, YouTube
  • R: epurposing: One visual → multiple formats and channels
  • V: isual-first planning: Content calendar with image planning
  • P: lan images in content calendar: Don't add visuals as afterthought; visuals drive engagement

How to Use

  1. Use a Skill-compatible agent such as Claude Code, Cursor, or Codex.
  2. Install from the terminal (Node.js required):
npx skills add https://github.com/kostja94/marketing-skills --skill visual-content

Or paste the install prompt from this tool page into your agent and ask it to install for you. 3. Restart / reload the agent so the new Skill is loaded. 4. Invoke the Skill with its slash commands or by asking the agent to run the workflow described in Overview / Key Features. 5. Review outputs before publishing — treat model-generated copy, images, and data as drafts.

Pricing

Plan Billing Price Notes
Open source — Free MIT license; install via npx skills add
Full pack — Free Optional: install the entire marketing-skills repo

No paid tiers. Check the GitHub repository for license and updates.

Best For

Marketers, indie hackers, ecommerce / SaaS founders, and SEO operators who want agents to execute a specific marketing task with structured best practices.

Trigger context from the skill author: 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…

FAQ

How do I install this skill?

npx skills add https://github.com/kostja94/marketing-skills --skill visual-content

Or copy the skill folder into .cursor/skills/, .agents/skills/, or .claude/skills/.

Does this skill run code on my machine?

No. Skills in this collection are pure Markdown instructions for agents — no executable payloads.

Can I install only this skill instead of the full pack?

Yes. Prefer --skill visual-content for a single task. Install 2–3 related skills per job rather than the entire library.

Where should I add project context?

Copy templates/project-context.md from the repo into .cursor/ or .claude/ and fill in product, audience, and brand details so outputs stay tailored.