Skip to content

DirectorySkills

Frosted glass share images: shared spaces, made in this run
Run 1Frosted glass share images“Make a share image for our new feature”
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

Frosted Glass Share Images

Share images on a frosted glass panel over soft colour light.

$9.99once, yours to keep

Makes share images styled as a frosted glass panel: 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 translucent glass panel with a thin bright edge floating over soft colour blobs on deep blue, with clean geometric type. Every word is set in real type and checked to fit; no picture model, no key and no cost. Use when an app, SaaS or AI product wants modern share images with a glassy, layered look, or when someone asks for an OG image, social card or link preview with a frosted glass look.

By RecaplyUpdated 11 Nov

Install Frosted Glass Share Images

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

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

What you get

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

Good fit

  • App launches
  • SaaS features
  • Product updates

Not for

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

About this skill

You say

Make a share image for our new feature

It said back

I made the share image from post.md, the only material in the folder. I checked every word: nothing is cut off and the text fits, with no warnings from the script.

File: share/shared-spaces.png (1200×630 at 2x, so 2400×1260 pixels). The settings are in share/card.json.

Show more

What it did in run 1

  1. frosted-glass-share-image
  2. ls -la && ls .claude/skills/frosted-glass-share-image
  3. ./post.md
  4. S=.claude/skills/frosted-glass-share-image && node $S/scripts/check.mjs && mkdir -p share && cat > share/card.json <<'E' { "layout": "headline", "size": "og", "kicker": "New", "title": "Shared spaces are live", "subtitle": "Invite your team to a shared space and every note syncs in real time.", "author": "Dana Okafor", "date": "8 November 2026", "out": "shared-spaces.png" } E node $S/scripts/card.mjs share/card.json
  5. ./share/card.json
  6. S=.claude/skills/frosted-glass-share-image && node $S/scripts/check.mjs && node $S/scripts/card.mjs share/card.json
  7. node .claude/skills/frosted-glass-share-image/scripts/check.mjs && node .claude/skills/frosted-glass-share-image/scripts/card.mjs share/card.json
  8. ./share/shared-spaces.png
  9. Done

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

Questions

Is Frosted Glass Share Images free?

No. Frosted Glass 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 Frosted Glass Share Images?

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

What do I get when I buy Frosted Glass 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 Frosted Glass 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 ./frosted-glass-share-image with your agent's flag.

What do I get from Frosted Glass Share Images?

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

What does Frosted Glass Share Images need?

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

How big is Frosted Glass Share Images?

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

What does a run cost?

Our 1 runs took 23 s to 23 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 Frosted Glass Share Images to use it?

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