PocketUI Open Graph Image Example

Save designs from any website so AI coding tools can build UI in that style. Visit PocketUI to see the page this image belongs to.

Added on Nov 5, 2026

Open Graph image details

Size: 1200×630 px
Format: PNG
Aspect ratio: 1.90:1 (matches the recommended 1.91:1)
Resolution: Sharp on high-density screens

Open Graph tags checklist

PocketUI sets 7 of 10 common Open Graph tags.

og:title PocketUI: your AI builds in the style of sites you love
og:type website
og:image https://pocketui.app/og-image.png?v=3
og:url https://pocketui.app
og:description Save designs from any website. Claude Code, Cursor and ChatGPT read them through MCP and…
og:site_name Not set (recommended)
og:locale Not set (recommended)
og:image:width 1200
og:image:height 630
og:image:alt Not set (recommended)

Check your own page with the Open Graph checker .

PocketUI Open Graph meta tags

The meta tags PocketUI uses to build its link preview:

<!-- Primary Meta Tags -->
<title>Design Library for Claude Code, Cursor & ChatGPT | PocketUI</title>
<meta name="description" content="Save designs you admire from any website. Claude Code, Cursor and ChatGPT read them through MCP and build in that style, not generic AI UI. Export to Figma and code." />

<!-- Open Graph / Facebook -->
<meta property="og:image" content="https://pocketui.app/og-image.png?v=3" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/png" />
<meta property="og:type" content="website" />
<meta property="og:title" content="PocketUI: your AI builds in the style of sites you love" />
<meta property="og:description" content="Save designs from any website. Claude Code, Cursor and ChatGPT read them through MCP and build UI that matches, instead of generic AI output." />
<meta property="og:url" content="https://pocketui.app" />