Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

Docs page share images: rate limits explained, made in this run
Run 1Docs page share images“Make OG images for these docs pages”
Runs in
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • GitHub Copilot
  • OpenCode
Generates with
Your agent's model
Tested with
Claude Code 2.1.322Claude Sonnet 5.51 real run, 10 Nov
Needs
Node 20+Chrome
Licence
Recaply licence

Docs Page Share Images

Share images that look like a docs page: a sidebar, a breadcrumb and a code-chip link.

$9.99once, yours to keep

Every premium skill and prompt, one plan$19.99 a month. Cancel any time. What you get when you buy

Payments are non-refundable. See our Terms of service.

Makes share images styled as a documentation page: link previews (Open Graph and X cards), social posts, and quote, stat, list and event cards, saved as PNG one at a time or as a batch. A clean white page with a faint sidebar of nav bars, an accent rail, a grey breadcrumb, a bold sans headline and an inline code chip for the link. Every word is set in real type and checked to fit; no picture model, no key and no cost. Use when a docs site, help centre or developer tool wants link previews that look like a docs page, or when someone asks for an OG image, social card or link preview with a documentation page look.

By RecaplyUpdated 11 Nov

Install Docs Page Share Images

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

Read https://recaply.co/skills/docs-share-image/install.md and follow it to install the docs-share-image skill from docs-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 Docs Page Share Images is for

What you get

  • PNG link previews at 1200x630, or the size each network wants
  • The documentation page look: a documentation page
  • Every word checked to fit, and the meta tags to paste in

Good fit

  • Developer docs
  • API guides
  • Help centres

Not for

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

About this skill

You say

Make OG images for these docs pages

It said back

I made one OG image, because post.md is the only docs page in the folder. I looked at the PNG and all the text is readable and fits. The script printed no warnings or notes.

  • File: share/og/rate-limits-explained.png. It is 1200x630, saved at 2x resolution (2400x1260 pixels).
  • Layout: headline, the usual link-preview layout for a page with a title and a one-line summary.
  • Text: the title is "Rate limits explained". The subtitle is the page's own sentence, and the footer has the author and date.
  • Left out: the page has no site name, URL or brand colour, so I added none and the card uses the default accent. Send me those, or a logo, and I'll regenerate it.
Show more

What it did in run 1

  1. docs-share-image
  2. **/*
  3. ./post.md
  4. node .claude/skills/docs-share-image/scripts/check.mjs
  5. mkdir -p share && cat > share/card.json <<'EOF' { "layout": "headline", "size": "og", "title": "Rate limits explained", "subtitle": "Every key gets 100 requests per second. Here is how bursts and retries work.", "author": "Dana Okafor", "date": "2026-11-08", "out": "og/rate-limits-explained.png" } EOF node .claude/skills/docs-share-image/scripts/card.mjs share/card.json
  6. ./share/card.json
  7. node .claude/skills/docs-share-image/scripts/card.mjs share/card.json
  8. ./share/og/rate-limits-explained.png
  9. Done

10 Nov 2026 · Claude Code 2.1.322 with Claude Sonnet 5.5 · 20 s · $0.08 of API use

Questions

Is Docs Page Share Images free?

No. Docs Page 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 Docs Page Share Images?

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

What do I get when I buy Docs Page Share Images?

A ZIP of the whole skill folder (22 KB): the SKILL.md your agent follows and its 4 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 Docs Page 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 ./docs-share-image with your agent's flag.

What do I get from Docs Page Share Images?

PNG link previews at 1200x630, or the size each network wants. The documentation page look: a documentation page. Every word checked to fit, and the meta tags to paste in.

What does Docs Page Share Images need?

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

How big is Docs Page Share Images?

5 files, about 12,841 tokens in all. The SKILL.md is about 1,855 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 20 s to 20 s and $0.08 to $0.08 of API use each, in Claude Code with claude-sonnet-5-5. On a Claude plan, a run counts toward your usage instead.

Do I have to name Docs Page Share Images to use it?

Type /docs-share-image first to make sure it loads. Without it, Claude Code may judge a small job simple enough to do without the skill.