No OpenRouter key yet, so runs will fail. Add one on Settings — it takes a few seconds.

shareable-demo-page

Add a public, shareable demo/walkthrough page plus a custom social-unfurl (Open Graph) image to a single web project, framework-agnostically.

When this skill is meant to trigger

Add a public, shareable demo/walkthrough page plus a custom social-unfurl (Open Graph) image to a single web project, framework-agnostically. Use this skill whenever the user wants a promo/demo/walkthrough page, a "show off the product" page, a landing or marketing page that's shareable, OR whenever they mention link previews, social cards, OG images, og:image, Twitter/X cards, "make it look good when shared/pasted in Slack/iMessage/LinkedIn", unfurls, share images, or a per-project promo asset — even if they don't say "demo page." Also trigger when someone asks to "do this for my other projects / each of my repos" after building a shareable page once. Builds a self-contained HTML page, renders a 1200×630 share image, wires absolute-URL OG + Twitter meta, adds clean routes, and ships with a scoped commit + live unfurl verification.

Parts of this skill expect files, a shell, or a browser. It works from your input and returns any files inline.

Fast and cheap. The default for most skills. Catalog rates $0.3 in and $2.5 out per million tokens; web search is extra on OpenRouter. The receipt uses OpenRouter's billed cost.

Drafts save in this browser
Forks save in this browser
Add a key to run

Paste your input and run the skill. The result is written here as it streams.