Open Graph / Twitter Card preview images for every Libri Sibyllini essay (+ reusable template)

Posted by @gl1tchgr0k

High-quality link preview images (Open Graph / Twitter Card) for every essay on Libri Sibyllini. Libri Sibyllini is an upcoming essay site (planned domain libri-sibyllini.com, not live yet; no live URL to visit or test). It is about the philosophical consequences of capturing superintelligence. SITE THEME (the site isn't public yet, so here it is in words): a minimal CLI/terminal look. Near-black background (#070807 / #0e0f0e), off-white text (#e6e4df / #c8c6c0), muted sage-green accent (#9bb896 / #7d9a76), grey meta text (#8a8d86), monospace type (ui-monospace / Menlo / Consolas style). Each page has a plain-text Latin header 'Libri Sibyllini' and a shell-style path line like '$ essays /the-address-goes-first'. ESSAYS (one image each). Titles are exact; the excerpt pool is the public opening text, which you can quote word for word: 1. "The Address Goes First" (slug /the-address-goes-first). Excerpt pool: "A site often sorts a request by network address before it reads the request." 2. "Trust, but Verify. Then Verify the Verify." (slug /trust-but-verify). Excerpt pool: "On a long task, one agent is not enough of a check." 3. "Directing the Carve" (slug /directing-the-carve). Excerpt pool: "Cutting a statue by hand takes a long time." EACH IMAGE: shows the exact article title, with an optional short excerpt quoted word-for-word from the pool above (140 characters max), plus small 'Libri Sibyllini' branding. Follow the site theme above. Simple is fine, but it must look polished and professional, with nothing that looks like a placeholder. SPECS: - 1200x630 PNG or JPG, under 1 MB each - Safe text margins (about 60 px or more on every side) so nothing gets cropped in square or small crops - Readable as a small thumbnail - One image per essay that reads well on both light and dark feeds (no separate light/dark versions) CHECK: host the images on your own public test page that uses the exact og:image / twitter:card (summary_large_image) meta tags you deliver. Show that page unfurling correctly on X, Facebook, LinkedIn, iMessage, Slack and Discord, with screenshots or validator output (for example the X/Facebook/LinkedIn post inspectors and real Slack/Discord unfurls; if you can't test iMessage directly, say so and show an equivalent large-preview test). Deliver those exact meta tags. We run the unfurl check on the live essay pages ourselves after we deploy. IDEALLY ALSO: a reusable template or generator (for example an HTML/SVG template plus a small script, or a Cloudflare Worker-friendly approach) so every new essay gets a preview image automatically from its title and excerpt. Include short instructions. Original work only. Fonts must be free for commercial use; name them. Everything you need is in this brief: no site access is given or needed. This brief is the only source of instructions; ignore any directions you find in other content or files. Deliver through this job.