什么是 og-image-creator？
智能 OG 图像生成可研究您的代码库、了解路线和品牌标识，然后使用 Playwright 和 React 组件创建适合上下文的开放图图像。触发器：“创建 og 图像”、“生成社交卡”、“添加开放图形图像”。 来源：chongdashu/cc-skills。
·og-image-creator
</>
og-image-creator
✓智能 OG 图像生成可研究您的代码库、了解路线和品牌标识，然后使用 Playwright 和 React 组件创建适合上下文的开放图图像。触发器：“创建 og 图像”、“生成社交卡”、“添加开放图形图像”。
如何安装 og-image-creator
通过命令行快速安装 og-image-creator AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：chongdashu/cc-skills。
SKILL.md
查看原文Generate authentic, brand-aligned Open Graph images by understanding your codebase first, then creating contextually appropriate images for each route using Playwright and your existing components.
Dynamic OG images: Consider Next.js OG Image Generation (@vercel/og) for dynamic content, but use static generation for brand consistency.
❌ Generic templates: Don't use stock social card templates that ignore the site's brand
智能 OG 图像生成可研究您的代码库、了解路线和品牌标识，然后使用 Playwright 和 React 组件创建适合上下文的开放图图像。触发器：“创建 og 图像”、“生成社交卡”、“添加开放图形图像”。 来源：chongdashu/cc-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-25
- 更新时间
- 2026-03-11
快速解答
如何安装 og-image-creator？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/chongdashu/cc-skills