Back to Skills

visual-content

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.

736stars107forksUpdated 7/16/2026

Security Assessment

Safe(100/100)
Security Score100/100

About visual-content

The visual-content skill guides planning, creation, and repurposing of visual content — images, infographics, and social post images — across website, social media, email, and other channels. It addresses the reality that visuals are needed well beyond websites: social posts, infographics, and repurposed content all require images, and visual-first planning in content calendars improves engagement while cross-channel consistency and repurposing maximize ROI. It triggers on phrases such as "content images," "social media images," "infographic," "post image," "image specs," and "visual repurposing," and defers to pinterest-posts for Pinterest.

The skill covers when to use images by content type (article/blog, social post, infographic, case study, product update, email, landing page), specs by context (website vs social vs email, including OG/Twitter Cards at 1200×630 and 1200×675), and detailed platform image specs. Documented dimensions include X at 1200×675 and 800×800, LinkedIn at 1200×627 and 1200×1200 with carousels up to 20, Pinterest at 1000×1500, Instagram at 1080×1350 and 1080×1080 with stories at 1080×1920, Facebook, and YouTube thumbnails at 1280×720. It teaches visual repurposing (one core visual to multiple crops, formats, and channels), visual-first content calendar planning, and format-specific notes for infographics, social post images, and article images. As an initial step it checks for .claude/project-context.md or .cursor/project-context.md and reads Section 12 (Visual Identity) for brand consistency.

This skill targets marketers and content creators planning cross-channel visual content. Its output includes a visual plan, specs by context, and a repurposing map, plus references to related skills such as image-optimization (for web alt text, WebP, LCP), brand-visual-generator, hero-generator, open-graph, and twitter-cards. It is guidance-oriented: it provides specs, planning frameworks, and cross-references rather than generating the images itself, and it points to platform-specific and optimization skills for execution details.

FAQ

What platforms and image sizes does it cover?

It documents specs for X (1200×675, 800×800), LinkedIn (1200×627, 1200×1200, carousels up to 20), Pinterest (1000×1500), Instagram (1080×1350, 1080×1080, stories 1080×1920), Facebook, and YouTube (thumbnail 1280×720), plus OG/Twitter Cards at 1200×630 and 1200×675.

Does this skill read any project configuration?

Yes. On initial assessment it checks whether .claude/project-context.md or .cursor/project-context.md exists and reads Section 12 (Visual Identity) for brand consistency.

What is visual repurposing in this skill?

The principle is one core visual to multiple crops/formats to multiple channels — for example an infographic used full on a blog, cropped for Instagram or a LinkedIn carousel, and squared for X. The workflow is to design at the largest needed size and export platform-specific crops with consistent colors, fonts, and logo placement.

What should I use for Pinterest or web image optimization?

For Pinterest, use the pinterest-posts skill. For web images (alt text, WebP, LCP, responsive, lazy loading), use the image-optimization skill, which the skill references as the central skill for image SEO.

What does the skill output?

A visual plan (what images for what content), specs by context (platform dimensions and format), and a repurposing map (one visual to multiple outputs), along with references to platform skills and image-optimization.

Install visual-content

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill