Skip to content

DirectorySkills

The link preview for the Crumb & Co post: the picture it made
Run 1The link preview for the Crumb & Co post“Make a link preview image for post.md. My site is Crumb & Co, crumbandco.com.”
Runs in
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • GitHub Copilot
  • OpenCode
Generates with
Your agent's model
Tested with
Claude Code 2.1.319Claude Opus 5.53 real runs, 9 Nov
Needs
Node 20+Chrome
Licence
Recaply licence

Share Images

Link previews and social cards in eight looks, set in real type and checked to fit.

1 view

$9.99once, yours to keep

Makes share images as PNG files, one or a whole batch. Covers link previews (Open Graph and X cards) for blog posts, docs and launch pages, square and portrait social posts, stories, quote cards, stat cards, list cards and event cards. Every word is set in real type and checked to fit, in eight designed looks (newsprint, terminal, swiss, riso, poster, museum, ticket, receipt). No picture model and no cost. Use when someone asks for an OG image, a social card, a link preview image, a post graphic, a quote card or share images for many pages at once.

By RecaplyUpdated 11 Nov

Install Share Images

After the download, ask your agent to add it, or run the line yourself.

Read https://recaply.co/skills/share-image/install.md and follow it to install the share-image skill from share-image.zip.

Paste it into your agent. It reads our install steps, finds the ZIP you downloaded and adds the skill for you.

New to skills? How to install a skill

Similar skills

All 735 skills

Who Share Images is for

What you get

  • PNG cards at the size each network wants (1200x630 for link previews)
  • Every word checked to fit, with a warning when it does not
  • The meta tags to paste into the page

Good fit

  • Blogs, docs and newsletters that need a link preview for every post
  • Launches, events and quotes posted to social
  • A whole folder of posts at once

Not for

  • Photos or drawn illustrations
  • Making a card look like another brand

About this skill

You say

Make a link preview image for post.md. My site is Crumb & Co, crumbandco.com.

It said back

I've made the link preview image for post.md and checked it by eye: every word is spelled right, nothing is cut off and the script gave no warnings about fit.

File: share-images/sourdough-starter-og.png (the settings are in share-images/card.json if you want to change something and run it again)

Show more

What it did in run 1

  1. Loaded share-image on its own
  2. Read post.md
  3. Ran ls -la && node scripts/check.mjs
  4. Wrote share-images/card.json403 B
  5. Ran scripts/card.mjs card.json
  6. Looked at share-images/sourdough-starter-og.png

9 Nov 2026 · Claude Code 2.1.319 with Claude Opus 5.5 · 21 s · $0.17 of API use

Run 2 · Cards for a folder of posts

I need OG images for every post in posts/. Our brand colour is #2F5BEA.

9 Nov 2026 · Claude Code 2.1.319 with Claude Opus 5.5 · 45 s · $0.39 of API use

Run 3 · A square webinar post

Make a square Instagram post announcing our free webinar 'Cut your cloud bill in half' on 3 December 2026 at 17:00 CET, online. We're Stackmeter, stackmeter.io.

9 Nov 2026 · Claude Code 2.1.319 with Claude Opus 5.5 · 17 s · $0.17 of API use

Questions

Is Share Images free?

No. Share Images costs $9.99 once and stays in your Recaply account, or it comes with the Recaply plan ($19.99 a month), which opens every premium skill and prompt.

Which agents can use Share Images?

Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

What do I get when I buy Share Images?

A ZIP of the whole skill folder (73 KB): the SKILL.md your agent follows and its 51 other files, the references, templates and scripts it uses. You download it from this page whenever you need it, and install it in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. The Recaply plan opens it too, with every other premium skill and prompt.

How do I install Share Images?

Buy it, then download the ZIP from this page. For Claude Code, unzip it into .claude/skills/ in your project. For Codex, Cursor and Gemini CLI, unzip it and run npx skills add ./share-image with your agent's flag.

What do I get from Share Images?

PNG cards at the size each network wants (1200x630 for link previews). Every word checked to fit, with a warning when it does not. The meta tags to paste into the page.

What does Share Images need?

Node 20+ and Chrome, and no API key. Each use costs nothing beyond your agent.

How big is Share Images?

52 files, about 39,178 tokens in all. The SKILL.md is about 1,609 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 3 runs took 17 s to 45 s and $0.17 to $0.39 of API use each, in Claude Code with Claude Opus 5.5. On a Claude plan, a run counts toward your usage instead.

Do I have to name Share Images to use it?

No. In our runs Claude Code saw the job fit and loaded Share Images on its own. Typing /share-image first makes sure it loads.