Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

Swiss grid share images: checkout case study, made in this run
Run 1Swiss grid share images“Make a share image for this case study”
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

Swiss Grid Share Images

Share images like an international-style poster: a heavy grotesk, a column grid and one red square.

$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 an international-style poster: 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. Off-white paper, a heavy grotesk set tight on a faint column grid, and one red square as the only ornament. Every word is set in real type and checked to fit; no picture model, no key and no cost. Use when a product, studio or company blog wants clean, confident link previews, or when someone asks for an OG image, social card or link preview with a Swiss poster look.

By RecaplyUpdated 11 Nov

Install Swiss Grid Share Images

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

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

What you get

  • PNG link previews at 1200x630, or the size each network wants
  • The Swiss poster look: an international-style poster
  • Every word checked to fit, and the meta tags to paste in

Good fit

  • Product launches
  • Design studios
  • Business posts

Not for

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

About this skill

You say

Make a share image for this case study

It said back

I made the share image: share/checkout-case-study.png in your working folder. It's 1200×630 (saved at 2× resolution, 2400×1260), which is the standard link-preview size. The script printed no fit warnings, and I checked the image by eye. All the text is whole and nothing is cut off.

  • Layout: headline. The post has only a title and a one-line summary, so it's a good fit for the title-and-subtitle card.
  • Words: these come straight from post.md.
  • Title: "How we cut checkout steps from five to two".
  • Subtitle: "A redesign for an online florist."
  • Footer: "Dana Okafor / 8 November 2026".
  • Added by me: the "Case study" label. You called it a case study, but the post doesn't say so.
  • Left out: I didn't add a publisher name, logo or URL because none were given. The red square uses the default red. If you send a name, URL or brand colour, I can add them and re-run.
Show more

What it did in run 1

  1. swiss-share-image
  2. ls -la && find . -path ./.claude -prune -o -type f -print | head -50
  3. ./post.md
  4. mkdir -p share && cat > share/card.json <<'E' { "layout": "headline", "size": "og", "kicker": "Case study", "title": "How we cut checkout steps from five to two", "subtitle": "A redesign for an online florist.", "author": "Dana Okafor", "date": "8 November 2026", "out": "checkout-case-study.png" } E S=.claude/skills/swiss-share-image/scripts; node $S/check.mjs && node $S/card.mjs share/card.json
  5. ./share/card.json
  6. node .claude/skills/swiss-share-image/scripts/check.mjs && node .claude/skills/swiss-share-image/scripts/card.mjs share/card.json
  7. ./share/checkout-case-study.png
  8. Done

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

Questions

Is Swiss Grid Share Images free?

No. Swiss Grid 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 Swiss Grid Share Images?

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

What do I get when I buy Swiss Grid 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 Swiss Grid 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 ./swiss-share-image with your agent's flag.

What do I get from Swiss Grid Share Images?

PNG link previews at 1200x630, or the size each network wants. The Swiss poster look: an international-style poster. Every word checked to fit, and the meta tags to paste in.

What does Swiss Grid Share Images need?

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

How big is Swiss Grid Share Images?

5 files, about 12,702 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.09 to $0.09 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 Swiss Grid Share Images to use it?

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