什麼是 og-image？
產生社群媒體預覽影像（開放圖譜）並配置元標記。使用專案現有的設計系統建立螢幕截圖最佳化頁面，以 1200x630 解析度擷取頁面，並設定所有社交共享元標記。 來源：stevysmith/og-image-skill。
·og-image
</>
og-image
✓產生社群媒體預覽影像（開放圖譜）並配置元標記。使用專案現有的設計系統建立螢幕截圖最佳化頁面，以 1200x630 解析度擷取頁面，並設定所有社交共享元標記。
如何安裝 og-image
透過命令列快速安裝 og-image AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/stevysmith/og-image-skill --skill og-image
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：stevysmith/og-image-skill。
SKILL.md
查看原文This skill creates professional Open Graph images for social media sharing. It analyzes the existing codebase to match the project's design system, generates a dedicated OG image page, screenshots it, and configures all necessary meta tags.
Create a dedicated route at /og-image (or equivalent for the framework):
Audit and update the project's meta tag configuration. For Next.js App Router, update layout.tsx. For other frameworks, update the appropriate location.
產生社群媒體預覽影像（開放圖譜）並配置元標記。使用專案現有的設計系統建立螢幕截圖最佳化頁面，以 1200x630 解析度擷取頁面，並設定所有社交共享元標記。 來源：stevysmith/og-image-skill。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/stevysmith/og-image-skill --skill og-image- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-03-06
- 更新時間
- 2026-03-10
快速解答
如何安裝 og-image？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/stevysmith/og-image-skill --skill og-image 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/stevysmith/og-image-skill
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-03-06
相關 Skills
暫無