mcpField
O
og-image-generation

og-image-generation

github.com/andrelandgraf开发23238 次安装20 周前更新
代码仓库

关于 og-image-generation

面向 Next.js 项目的技能，使用文件约定和 next/og 生成动态社交媒体预览图。图像以 JSX 在服务器端渲染，并在构建时缓存。

主要功能

  1. 01按 Next.js 文件约定生成图像
  2. 02使用 next/og 渲染 JSX
  3. 03服务器端渲染预览图
  4. 04构建时缓存图像

适用场景

  1. 01为页面生成动态社交预览图
  2. 02在构建时渲染并缓存预览图

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation

安装后在 Claude Code 中输入/og-image-generation确认已加载。

详细介绍

OG 图片生成

使用 Next.js 文件约定和 next/og 库生成动态社交预览图片。在构建时缓存服务器端渲染的 JSX 图片。

curl https://fullstackrecipes.com/recipes/og-image-generation.md

评论

支持 Markdown