设计专题 C · 封面 / OG
og-image-skill
og-image-skill 用 Playwright 截取项目页面来生成 1200×630 OG 图，并补齐 og:image、twitter:card 等 meta。适合已有可运行 web 项目、想自动化分享图的团队。需要 Playwright MCP 与本地 dev server；公开 API license 为空、LICENSE 404，许可待核。
文档已查，未实测仅依据公开来源页，本站不运行 Skill。
许可待核
内容更新日期： · 资料核查日期：
这件事适合什么时候用
需要从项目路由截取 OG 图时，可先观察这个流程型 Skill。
产出预览（弱）
弱预览：仅流程描述，不是产出成品。 预览只链到来源方页面，本站不镜像图片、视频或 Skill 文件。
适用工具与开始前准备
- 适用工具
- Claude Code
- 开始前准备
- Playwright 截图流程。
- 许可待核：公开 API license 为空、LICENSE 404；不套用具体许可名，再分发前需自行确认。
费用、权限与兼容性可能变化，使用前请自行核对；本站只做导读，不提供上传、运行或代发功能。
许可与费用
许可待核
许可待核：公开 API license 为空、LICENSE 404；不套用任何具体许可名，再分发前需自行确认。
安装与使用
依据来源页，2026-11-09 核对。
- 运行 `npx skills add stevysmith/og-image-skill`；或在 Claude Code 中先 `/plugin marketplace add stevysmith/og-image-skill`，再 `/plugin install og-image@og-image-skill`。
- README 要求先准备 Playwright MCP Server，并让项目 dev server 处于运行状态。
- 在项目目录中调用 `/og-image`；README 称会分析现有设计系统并生成 1200×630 预览图。
来源页：https://github.com/stevysmith/og-image-skill#installation
去来源页了解
将离开本站，前往 GitHub 原仓库。本站不运行该 Skill，也不对实际使用结果作保证。
去原仓库（离开本站，打开 GitHub 原仓库）