Generates share-card images, favicons, and PWA icons for apps deployed on grok.me.
npx skills add https://github.com/scomofo/midi-stage2 --skill og-scomofo
Please help me install this Agent Skill. Skill: og Source: https://github.com/scomofo/midi-stage2/tree/main/.grok/skills/og Command: npx skills add https://github.com/scomofo/midi-stage2 --skill og-scomofo
public/og.jpg card from the app's own art, with baked-in title lockup and JPEG size discipline for reliable unfurling. - Game identity contract: Writes og:type as x:game in src/lib/og/site.json and produces the 50:11 public/x-banner.jpg feed card for games. - Favicon and PWA icons: Hand-authors a crisp public/favicon.svg and derives 192/512 raster icons only when the app ships a web manifest. - Use Case: After scaffolding a browser game, dispatch the brand-asset pass as a non-blocking subagent so the share card, favicon, and X banner land without blocking the main build. ## Quick Start Ask the agent to set up the share card and favicon for your app, and it will dispatch the brand-asset pass as a background subagent while it keeps building.High-intent search queries and answers about installing and using this skill.
Generate a 1200×630 JPEG at public/og.jpg and set "card": "custom" in src/lib/og/site.json. The platform injector emits the og:image meta tags automatically, so never add them to __root.tsx yourself.
Games use the namespaced value x:game, written as "type": "x:game" in src/lib/og/site.json. X's card pipeline keys off that exact string, so do not shorten it to bare game or correct it to website.
No. Hand-author public/favicon.svg so it stays crisp at 16px, using one bold glyph or shape with flat fills from the app's design tokens. Wire it in the root head() links array.
Card pixels and site.json are baked into the build, so a card that lands after a publish never reaches the live app on its own. Publish again so the new public/og.jpg ships with the deploy.
Plain utility apps such as converters, CRUD trackers, and dashboards keep the hosted og.grok.me placeholder and ship no public/og.jpg. Games, whimsical apps, and brand-forward pages get a custom card by default.
No. The card is one static site-wide image, either public/og.jpg or the placeholder service. There is no /api/og route, runtime renderer, or per-route card support.
PostalocityApply ready-made design themes with color palettes and typography to slides, documents, and web assets.
athina-aiMonitor competitor blogs, LinkedIn, and Twitter/X for weekly content digests.
PlayableIntelligenceGenerate pixel-art sprites, tiles, and decorations with reusable palettes and matrices.
CatRabbit499Fix SEO gaps in Replit-hosted projects by modifying code and assets.