Mixpanel Style OG Imagev0.1.1
Use this Skill to make an OG image.
A slim near-black side column holding the wordmark and a short headline, next to a white analytics board of bars, donuts and lines on a glowing gradient.
Picked most often by
Updated Oct 26, 2026
Preview gallery
FALSimilar Skills
View all
What you get
- One 16:9 WebP with the floating chart board and dark rail, brand and headline checked by eye
- 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
- BI, analytics and reporting products
- Monthly metrics posts and report launches
- SaaS announcements about data
Not for
- Charts that must show exact, readable values
- Headlines too long for the side rail
- Copying a real dashboard
About this Skill
Analytics products can get their link preview from Claude Fable 5 with this Skill. A narrow near-black rail on one side holds your wordmark and a short white headline. Beside it, a wide white board of bar, donut and line charts tilts slightly and floats over a glowing violet or teal-to-coral gradient. One prompt, one GPT Image 2 request on FAL, and a letter-by-letter check before the WebP is delivered.
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 the dashboard 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 the charts show my real data?
No. The charts are drawn to suit your subject, not plotted from figures, so they set a mood rather than report exact values. Supply the name, headline and colors, and a logo if you may use one, and the board is rebuilt around them.
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.