og-image-generation
✓使用 Next.js 文件約定和 next/og 庫生成動態社交預覽圖像。服務器渲染的 JSX 圖像在構建時緩存。
SKILL.md
Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.
使用 Next.js 文件約定和 next/og 庫生成動態社交預覽圖像。服務器渲染的 JSX 圖像在構建時緩存。 來源:andrelandgraf/fullstackrecipes。
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用
安全認證,程式碼可靠安全 一鍵安裝,設定簡單 相容 Claude Code、Cursor 等工具
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 og-image-generation?
使用 Next.js 文件約定和 next/og 庫生成動態社交預覽圖像。服務器渲染的 JSX 圖像在構建時緩存。 來源:andrelandgraf/fullstackrecipes。
如何安裝 og-image-generation?
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪?
https://github.com/andrelandgraf/fullstackrecipes
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01