og-image-generator
✓生成和優化 Open Graph 元圖像以進行社交媒體共享。在構建需要動態 OG 圖像生成並支持 Vercel 的 @vercel/og 庫、預生成圖像存儲和社交媒體優化（Twitter Cards、Facebook、LinkedIn）的 Web 應用程序時，請使用此技能。處理動態路由、性能優化，並包括爬蟲兼容性和測試的最佳實踐。
SKILL.md
Generate high-performance Open Graph images for social media sharing with support for dynamic generation and pre-generated storage patterns.
Test Visit: https://cards-dev.twitter.com/validator and paste your URL.
For user-generated content or high-traffic pages, pre-generate images when content is created to ensure instant crawler responses.
生成和優化 Open Graph 元圖像以進行社交媒體共享。在構建需要動態 OG 圖像生成並支持 Vercel 的 @vercel/og 庫、預生成圖像存儲和社交媒體優化（Twitter Cards、Facebook、LinkedIn）的 Web 應用程序時，請使用此技能。處理動態路由、性能優化，並包括爬蟲兼容性和測試的最佳實踐。 來源：juanpiriv/x-og-image-generator。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/juanpiriv/x-og-image-generator --skill og-image-generator- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 og-image-generator？
生成和優化 Open Graph 元圖像以進行社交媒體共享。在構建需要動態 OG 圖像生成並支持 Vercel 的 @vercel/og 庫、預生成圖像存儲和社交媒體優化（Twitter Cards、Facebook、LinkedIn）的 Web 應用程序時，請使用此技能。處理動態路由、性能優化，並包括爬蟲兼容性和測試的最佳實踐。 來源：juanpiriv/x-og-image-generator。
如何安裝 og-image-generator？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/juanpiriv/x-og-image-generator --skill og-image-generator 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/juanpiriv/x-og-image-generator
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01