Generate social images and OG cards from professional templates via the SnapOG API. One API call = one pixel-perfect PNG.
数据来源:ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一:命令行安装(推荐)
推荐(无需提前安装 clawhub)
npx clawhub@latest --dir ~/.claude/skills install snapog或使用 clawhub CLI(需提前安装)
clawhub --dir ~/.claude/skills install snapog⚠️ 需要 Node.js 18+,没有 Node?请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二:手动下载安装(无需 Node)
下载 ZIP,解压后将文件夹放到以下路径,重启 Agent 即可:
安装路径
~/.claude/skills/snapog/💡解压后将文件夹放到上方路径,重启 Agent 即可生效
--- name: snapog description: Generate social images and OG cards from professional templates via the SnapOG API. One API call = one pixel-perfect PNG. homepage: https://snapog.dev metadata: {"openclaw":{"emoji":"⚡","primaryEnv":"SNAPOG_API_KEY","requires":{"env":["SNAPOG_API_KEY"]}}} ---
Generate OG images, social cards, and marketing visuals from professionally designed templates. Returns pixel-perfect PNGs in under 100ms.
API Base: https://api.snapog.dev
All generation requests require a Bearer token. The API key is read from the SNAPOG_API_KEY environment variable.
Authorization: Bearer $SNAPOG_API_KEY
Preview and template listing endpoints work without authentication.
| Template | ID | Best For | |----------|----|----------| | Blog Post | blog-post | Blog articles, tutorials, documentation | | Announcement | announcement | Product launches, updates, releases | | Stats Card | stats | Metrics dashboards, quarterly results | | Quote | quote | Testimonials, pull quotes, social shares | | Product Card | product | SaaS products, pricing, features | | GitHub Repo | github-repo | Open source projects, repo cards | | Event | event | Conferences, meetups, webinars | | Changelog | changelog | Release notes, version updates | | Brand Card | brand-card | Company pages, docs, marketing | | Photo Hero | photo-hero | Blog headers, news, portfolios |
curl https://api.snapog.dev/v1/templates
Returns all templates with their paramSchema (parameter names, types, required fields, defaults). Always call this first if the user hasn't specified a template.
Use this for downloading images or advanced options:
curl -X POST https://api.snapog.dev/v1/generate \
-H "Authorization: Bearer $SNAPOG_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"template": "blog-post",
"params": {
"title": "Building with MCP",
"author": "Taylor",
"tags": ["AI", "Tools"],
"accentColor": "#6366f1"
}
}' \
--output og-image.png
POST body fields:
template (string, required) — template IDparams (object, required) — template parameterswidth (number) — image width in pixels (default: 1200)height (number) — image height in pixels (default: 630)format ("png" | "svg" | "pdf") — output format (default: png)fontFamily (string) — any Google Font family namewebhook_url (string) — URL to POST when generation completesSave the response body directly to a .png file. The response Content-Type is image/png.
Use this when the user needs a URL to embed in HTML meta tags, markdown, or anywhere an image URL is needed:
https://api.snapog.dev/v1/og/blog-post?title=Building+with+MCP&author=Taylor&tags=AI,Tools
This URL itself serves the image. Parameters are query strings. Requires Authorization header or a signed URL.
curl https://api.snapog.dev/v1/preview/blog-post --output preview.png
Renders the template with its default parameters. Useful for showing the user what a template looks like before customizing.
Signed URLs let you embed images in tags without exposing the API key:
curl -X POST https://api.snapog.dev/v1/sign \
-H "Authorization: Bearer $SNAPOG_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"template": "blog-post",
"params": { "title": "My Post" },
"expiresIn": 86400
}'
Returns { "url": "https://api.snapog.dev/v1/og/blog-post?title=...&token=..." }. This URL works without authentication and can be placed directly in HTML:
<meta property="og:image" content="SIGNED_URL_HERE" />
Generate the same image in multiple sizes at once:
curl -X POST https://api.snapog.dev/v1/batch \
-H "Authorization: Bearer $SNAPOG_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"template": "blog-post",
"params": { "title": "My Post" },
"sizes": ["og", "twitter", "farcaster", "instagram-square"]
}'
Size presets: og (1200x630), twitter (1200x628), farcaster (1200x800), instagram-square (1080x1080), instagram-story (1080x1920), linkedin (1200x627), facebook (1200x630), pinterest (1000x1500).
Most templates accept these shared parameters:
title (string, required) — main headingaccentColor (color) — theme color, e.g. #6366f1logo (url) — logo image URLfontFamily (string) — any Google Font, e.g. "Space Grotesk"Each template has additional specific parameters. Call /v1/templates to see the full schema for any template.
blog-post for articles, announcement for launches, github-repo for OSS projects, stats for metrics, quote for testimonials.#6366f1. Most templates support accentColor for theming.tags and changes, pass as JSON arrays: ["tag1", "tag2"].stats template expects a JSON array: [{"label": "Users", "value": "10K"}].logo, image, authorImage — pass a publicly accessible URL.width/height to customize."svg" for vector output, "pdf" for print-ready documents.For the complete API reference as markdown (useful for deeper integration):
curl https://api.snapog.dev/v1/docs安装 SnapOG 后,可以对 AI 说这些话来触发它
Help me get started with SnapOG
Explains what SnapOG does, walks through the setup, and runs a quick demo based on your current project
Use SnapOG to generate social images and OG cards from professional templates via...
Invokes SnapOG with the right parameters and returns the result directly in the conversation
What can I do with SnapOG in my documents & notes workflow?
Lists the top use cases for SnapOG, with example commands for each scenario
将技能文件夹放到 ~/.claude/skills/snapog/ 目录(个人级,所有项目可用),或 .claude/skills/snapog/(项目级)。重启 AI 客户端后,用 /snapog 主动调用,或让 AI 根据上下文自动发现并使用。
SnapOG 支持 Claude、Cursor、OpenClaw,可与这些 AI 平台无缝集成,扩展其能力。
SnapOG 可免费安装使用。请查阅仓库了解许可证信息。
Generate social images and OG cards from professional templates via the SnapOG API. One API call = one pixel-perfect PNG.
SnapOG 属于「Documents & Notes」分类,该分类的技能帮助 AI 智能体在此领域执行专业任务。
Automate my documents & notes tasks using SnapOG
Identifies repetitive steps in your workflow and sets up SnapOG to handle them automatically