New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Og Share Images

by bonny in bonny/WordPress-Simple-History

Creates Open Graph / social share images (1200x630) for blog posts and announcements by rendering HTML in a headless browser.

No licenceAuto-check: notesProductivity & Automation

Install Og Share Images

skills CLI
$ npx skills add bonny/WordPress-Simple-History --skill og-share-images -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install bonny/WordPress-Simple-History og-share-images --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/bonny/WordPress-Simple-History.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/og-share-images .claude/skills/og-share-images && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
og-share-images
GitHub stars
317
Token cost
~2.6k tokens
SKILL.md length
1,356 words
Files
3
Skills in repo
21
Repo updated
First seen
Licence
None found

At a glance

Creates Open Graph / social share images (1200x630) for blog posts and announcements by rendering HTML in a headless browser.

  • Works in 8 steps: Copy template.html to the scratch dir… → Serve it. file: URLs are blocked in the… → Resize the viewport to 2400x1260. → …
  • A post needs an OG image
  • SKILL.md covers Specs, Process, Gotchas and Legibility, plus 6 more sections
  • Runs Python scripts from its folder; calls git

What it does

Og Share Images is an agent skill from bonny/WordPress-Simple-History. Creates Open Graph / social share images (1200x630) for blog posts and announcements by rendering HTML in a headless browser. Use when a post needs an OG image, share card, or social preview graphic.

Its SKILL.md is about 2.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `verify.py`).

It sits in Productivity & Automation, covering Blog and article writing, Browser automation and Social media graphics. The repository describes itself as: 🔍🕵️♀️ WordPress audit log that track user changes in WordPress admin using a nice activity feed.

When your agent uses it

  • A post needs an OG image
  • Social preview graphic

Example prompts

  • “Use the og-share-images skill to create Open Graph / social share images (1200x630) for blog posts and announcements by rendering HTML in a headless…”
  • “/og-share-images”

Requirements

  • Python 3
  • Docker
  • Pre-approved tools (allowed-tools): Read, Write, Edit, Bash, Glob

Workflow steps

8 steps, taken from the first numbered list in SKILL.md.

  1. Copy template.html to the scratch dir and edit the copy,
  2. Serve it. file: URLs are blocked in the browser tool — you must go
  3. Resize the viewport to 2400x1260.
  4. Navigate to http://127.0.0.1:8899/og-image.html. Append ?v=2, ?v=3 …
  5. Screenshot with scale: "css" (see the 2x gotcha below).
  6. Move the PNG out of the repo (see gotcha below).
  7. Run every check in verify.py.
  8. Save the PNG and its source HTML somewhere durable. A scratch dir dies

What it can do on your machine

Read from SKILL.md and the folder at commit 24f337f. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Write
    • Edit
    • Bash
    • Glob

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Og Share Images loads about 2.6k tokens when it runs. Until then it costs about 54 tokens; SKILL.md has 1,356 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~54
When it runs · the whole SKILL.md, loaded when a task matches
~2.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
    allowed-tools: Read, Write, Edit, Bash, Glob

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 1,356 words (~2,620 tokens).

“Build share cards as HTML and render them headless. Not image editing — the card is code, so it re-renders when the copy or numbers change.”

— opening of SKILL.md by bonny
name
og-share-images
allowed-tools
Read, Write, Edit, Bash, Glob

Read the full SKILL.md on GitHub

Files

SKILL.md and 2 other files in .claude/skills/og-share-images of bonny/WordPress-Simple-History.

  • SKILL.md
  • template.html
  • verify.py

Open the folder on GitHubat commit 24f337f

Compare with similar skills

Og Share Images next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Og Share Images compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Og Share Images this skillbonny/WordPress-Simple-History317—~2.6kAutomated safety check: NotesNone
Shopify Contentjezweb/claude-skills1.1k—~1.4kAutomated safety check: PassMIT
Cook The BlogVarnan-Tech/opendirectory674—~2.1kAutomated safety check: PassMIT
Release Screenshotschmonitor/chmonitor300—~1.7kAutomated safety check: PassGPL-3.0
Content Create Hero Imageprisma/web1.1k—~6.9kAutomated safety check: PassNone
Social Media Managementmanojbajaj95/claude-gtm-plugin1051 repos~3.9kAutomated safety check: PassMIT

Similar skills

  • Shopify Content

    jezweb/claude-skills

    Create and manage Shopify pages, blog posts, navigation menus, redirects, and SEO metadata via the Admin API or browser automation.

    1.1k GitHub stars~1.4k tokensUpdated 2 days ago
    Writing & ContentAuto-check passed

  • Cook The Blog

    Varnan-Tech/opendirectory

    Generate high-converting, deep-dive growth case studies in MDX format.

    674 GitHub stars~2.1k tokensUpdated 1 mo ago
    Writing & ContentAuto-check passed

  • Release Screenshots

    chmonitor/chmonitor

    Capture, pick, and design the screenshots for a chmonitor release: blog release posts, the landing changelog, What's new, and social posts.

    300 GitHub stars~1.7k tokensUpdated 5 days ago
    Writing & ContentAuto-check passed

  • Content Create Hero Image

    prisma/web

    Official

    A skill your agent uses when the operator wants a hero or meta image for a Prisma blog post; asks to create or generate a blog hero, cover, social card, Open Graph, or YouTube image; mentions cover…

    1.1k GitHub stars~6.9k tokensUpdated yesterday
    DatabasesAuto-check passed

  • Social Media Management

    manojbajaj95/claude-gtm-plugin

    Comprehensive social media management for all platforms (LinkedIn, Twitter/X, Instagram, TikTok, Facebook, Pinterest, YouTube).

    105 GitHub starsUsed in 1 repo~3.9k tokens
    Writing & ContentAuto-check passed

  • Agent-First Screenshots

    Devin-AXIS/iPolloWork

    Has an agent drive the real app through CDP and capture clean, defect-free product screenshots, gated by DOM, pixel and vision checks in a loop.

    6.8k GitHub stars~1.2k tokensUpdated yesterday
    Media & CreativeAuto-check passed

More from bonny/WordPress-Simple-History

All 21 skills in this repo

  • Blueprint

    bonny/WordPress-Simple-History

    A skill your agent uses when the deliverable is WordPress Playground Blueprint JSON or a Blueprint bundle, including creating, editing, reviewing, validating schema keys, choosing steps/resources…

    317 GitHub starsUsed in 1 repo~4k tokens
    Auto-check passed

  • Action Links

    bonny/WordPress-Simple-History

    Guides implementation of structured action links on log events.

    317 GitHub stars~3.7k tokensUpdated 4 days ago
    Auto-check passed

  • Changelog

    bonny/WordPress-Simple-History

    Adds changelog entries to readme.txt following keepachangelog format.

    317 GitHub stars~2.9k tokensUpdated 4 days ago
    Auto-check passed

  • Code Quality

    bonny/WordPress-Simple-History

    Runs linting and static analysis on PHP/CSS/JS using phpcs, phpstan, and rector.

    317 GitHub stars~519 tokensUpdated 4 days ago
    Auto-check: notes

  • Create Logger

    bonny/WordPress-Simple-History

    Guides creation of custom loggers for Simple History. An agent skill from bonny/WordPress-Simple-History.

    317 GitHub stars~3.7k tokensUpdated 4 days ago
    Auto-check: notes

  • Logger Messages

    bonny/WordPress-Simple-History

    Enforces active voice for logger messages and the Event Details API.

    317 GitHub stars~2k tokensUpdated 4 days ago
    Auto-check passed

Categories

Questions about Og Share Images

What does Og Share Images do?

Creates Open Graph / social share images (1200x630) for blog posts and announcements by rendering HTML in a headless browser. Og Share Images is an agent skill from bonny/WordPress-Simple-History. Creates Open Graph / social share images (1200x630) for blog posts and announcements by rendering HTML in a headless browser.

When should I use Og Share Images?

Og Share Images fits situations like: A post needs an OG image; social preview graphic.

How do I install Og Share Images in Claude Code?

Run `npx skills add bonny/WordPress-Simple-History --skill og-share-images -a claude-code`. Or copy the skill folder (.claude/skills/og-share-images in bonny/WordPress-Simple-History) into .claude/skills/og-share-images in your project. Claude Code loads it when a task matches its description.

How do I install Og Share Images in Codex?

Run `npx skills add bonny/WordPress-Simple-History --skill og-share-images -a codex`. Or copy the skill folder (.claude/skills/og-share-images in bonny/WordPress-Simple-History) into .agents/skills/og-share-images in your project. Codex loads it when a task matches its description.

Can I use Og Share Images in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add bonny/WordPress-Simple-History --skill og-share-images -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/og-share-images, .gemini/skills/og-share-images, .github/skills/og-share-images and .opencode/skills/og-share-images in your project.

What does Og Share Images need to run?

Going by SKILL.md and its folder, Og Share Images needs Python for the scripts in its folder and the command-line tools its instructions call (git). Our summary lists: Python 3; Docker. Its frontmatter pre-approves these tools: Read, Write, Edit, Bash, Glob.

Does Og Share Images access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Og Share Images safe to install?

Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Og Share Images use?

No licence was found for Og Share Images or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Og Share Images use?

About 2.6k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Og Share Images?

Skills that share tags, products or a category with Og Share Images: Shopify Content (jezweb/claude-skills, 1.1k stars), Cook The Blog (Varnan-Tech/opendirectory, 674 stars), Release Screenshots (chmonitor/chmonitor, 300 stars) and Content Create Hero Image (prisma/web, 1.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Og Share Images?

bonny (a GitHub user) maintains it in bonny/WordPress-Simple-History, which has 317 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on October 7, 2026.

Source: bonny/WordPress-Simple-History on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.