GitHub Style OG Image: Image Skill for Claude Code

Black share card for Codekiln with neon shapes in a diagonal band and a glowing white pill holding the headline

Black GitHub share card with the Octocat mark in a bright white disc, surrounded by large soft neon shapes

Black share card for Patchmoth with a white disc at the center holding the headline, ringed by a swirl of neon gradient tendrils, rods and rings

Runs in

Install guides

Claude Code Cursor

Generates with

Host Agent LLM

Uses tools

FAL

Similar Skills

View all

A near-black grid with the green Supabase bolt, a two-line Launch Week 12 invite and a spaced monospace date at the left and a tall dark ticket card with a numbered code query and ticket response at the right

Supabase Style OG Image

Graphite share card for Tallyfin with the headline on the left and a laptop, phone and metal card stacked off the right edge

FREE

Ramp Style OG Image

Algolia Style OG Image

Mapbox Style OG Image

A white dot-grid page with the centered stacked words Develop. Preview. Ship., the last in a coral-to-amber gradient, and the small black Vercel triangle at the lower right

Vercel Style OG Image

Plaid Style OG Image

Brex Style OG Image

Plum share card for Keyquarry with a frosted launcher window tilted behind a giant headline whose first word is a slanted gradient

FREE

Raycast Style OG Image

What you get

The 16:9 WebP itself, neon shapes on black around a white disc, with your brand and headline exact
The exact prompt it sent plus the saved FAL task file; rerunning resumes that request rather than buying a new one
A review of spelling, the 6% safe margin and the 16:9 frame before the card reaches you

Good fit

Open-source releases, changelogs and dev tools
Hackathons, meetups and conference talks
Projects that want a dark, bold preview

Not for

Long headlines (the disc fits only a few words)
Diagrams or product screenshots
A copy of an existing card

Social mediaProduct launchMake an OG imageog imagesocial carddark backgroundglowing shapesdeveloper tools

Good forMake an OG image

About this Skill

You say/ours-github-style-og Release card for Burrowkit v2, an open-source CLI that scaffolds plugin repos. Headline: "Version two is out". Lean on mint and violet.

Ask Claude Code running Fable 5 for a release card in this style and you get a dark, electric frame. Soft-edged shapes lit in neon violet, electric blue, mint and coral fill a pure black field edge to edge, many cut off by the frame. One plain white disc at the focal point carries your wordmark and headline. The arrangement is new for each subject; GPT Image 2 on FAL renders it, and each letter is read back before the WebP arrives.

How it works

Agree on the name, one headline and one picture idea; drop anything that blurs at thumbnail size
Lay out the card from references/visual-system.md and fit your colors to its four style anchors
Strip out outside names, marks, faces, screens and slogans, then invent a new shape pattern for your brand
Write a prompt about visible things only: frame, layout, light, palette, subject and type position
Send one request with the bundled FAL helper and keep the task file it writes
Read each letter, check the 6% margins and the 16:9 frame, and only then run validate-output.mjs
If a flaw remains, propose one prompt change and wait for your OK before a second paid request

Checked before delivery

validate-output.mjs passes with --require-format webp --require-16-9, and the prompt file has no emoji, arrows or symbol characters
Brand and headline read correctly letter by letter, with key text and faces inside a 6% margin on every side
Every source name, logo, slogan, person, interface and watermark is replaced by the user's own identity or a new one, and the layout is new for this subject
Exactly one paid request per approved generation

What you need before you start

You bring: Brand or project name, spelled as it should appear on the card · One short headline · What the page, product or audience is · Optional: brand colors, a logo the user may use, a mood, owned reference images, a platform safe zone
Dependencies: Node.js 20+ to run the included FAL script · Your own FAL API key, set as FAL_KEY; FAL charges for each image
Outside costs: FAL_KEY
Last tested: v0.1.1 — Claude Code / Codex / Cursor

User reviews

Loading reviews…

FAQ

Will it look like a known developer platform's card?

No. Your name, headline and colors (and a logo or images, where you hold the rights) go into a fresh arrangement of shapes; no outside mark, mascot or card layout is reused.

Can it work from an image I already have?

If the image is yours or you may use it, yes. Hand it over with --reference and GPT Image 2 runs in edit mode instead. Only mood, color and layout are taken from the picture; nothing in it is reproduced on the card.

Is there a cost beyond the Skill?

Yes: FAL bills every image to your own account. The helper never retries by itself, and running the same command again only picks up the saved request, so checking on a slow job never pays for a second one.

Preview gallery