Skip to content
$139 onceUpgrade now
Lookbook
Editorial OG Card: example output

7 images made by this skill from examples/field-notes and examples/night-desk

About this skill

Link-preview images for every post in one editorial look: a serif headline set as real text, a byline and a block composition picked per post. Your agent reads your posts, renders a 1200×630 PNG for each with Chrome and wires up the meta tags.

Lookbook wrote this package from scratch: the card design, the post reader and the renderer. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.

Example request

Make Editorial OG cards for every post in /content/blog and save them next to each post.

Similar Skills

View all
In the works
image
Pull Quote CardClaude CodeCodexCursor+3
In the works
image
Riso Quote CardClaude CodeCodexCursor+3
In the works
image
Article Hero IllustrationClaude CodeCodexCursor+3
In the works
image
Mascot Sticker SheetClaude CodeCodexCursor+3
In the works
image
Studio Product ShotClaude CodeCodexCursor+3
In the works
image
Infographic PosterClaude CodeCodexCursor+3
Free
image
Blueprint Architecture DiagramClaude CodeCodexCursor+3
New
video
Countdown TeaserClaude CodeCodexCursor+3

What you get

  • A script that turns your posts' front matter into cards
  • A 1200×630 PNG for every post, headlines set as real text
  • A preview page to check every card side by side
  • The meta tags and framework notes to wire them in
  • Open-source licenses for every part it builds on

Good fit

  • Social media
  • Brand

Not for

  • Photo-led covers or illustrated artwork
  • Animated or video link previews

Compatibility

Generates with

HTML + CSS cardsHeadless Chrome

Last tested Oct 17, 2026 in Claude Code, Codex, Cursor. Commercial use of everything you make is included.

Reviews

No reviews yet. People who install this skill can leave the first one.

Reviews come from people who installed this skill. Sign in

FAQ

Which agents can run Editorial OG Card?

Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.

Do I own what I make with it?

Yes. Everything your agent makes with this skill is yours, including for client and commercial work.

What if it doesn’t work for me?

Tell us within 7 days of buying and we’ll fix it or refund you.