Og Image
MCP Serverby dirnbauer · Added 5mo ago
Claude
5
Install
git clone https://github.com/dirnbauer/webconsulting-skillsAdd to Claude
claude mcp add og-imageQuick Setup Config
Copy & paste ready~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)
{
"mcpServers": {
"og-image": {
"command": "npx",
"args": [
"@modelcontextprotocol/og-image"
]
}
}
}Paste into your Claude Desktop config file, then restart Claude.
About
Generate social media preview images (Open Graph) and configure meta tags. Creates a screenshot-optimized page using the project's existing design system, captures it at 1200x630, and sets up all social sharing meta tags. Use when working with og-image, open graph, social preview, twitter card, meta tags, social sharing, og:image.
Tags
design-creativetypescriptgoreactnextjsskill