ReddRadar
Agent skill
og-image-generation
Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.
Install this agent skill to your Project
npx add-skill https://github.com/andrelandgraf/fullstackrecipes/tree/main/.agents/skills/og-image-generation
SKILL.md
OG Image Generation
To set up OG Image Generation, refer to the fullstackrecipes MCP server resource:
Resource URI: recipe://fullstackrecipes.com/og-image-generation
If the MCP server is not configured, fetch the recipe directly:
curl -H "Accept: text/plain" https://fullstackrecipes.com/api/recipes/og-image-generation
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
andrelandgraf/fullstackrecipes
shiki-code-blocks
Syntax highlight code blocks with Shiki. Supports server-side rendering in RSC and automatic light/dark theme switching.
andrelandgraf/fullstackrecipes
better-auth-emails
Add email verification, password reset, and account management emails to Better Auth using Resend.
andrelandgraf/fullstackrecipes
ai-sdk-setup
Install the Vercel AI SDK with AI Elements components. Build a streaming chat interface with the useChat hook.
andrelandgraf/fullstackrecipes
code-style-setup
Configure Prettier for code formatting and TypeScript for typechecking. Includes VSCode settings and EditorConfig for consistent code style. Skips ESLint/Biome to avoid config complexity.
andrelandgraf/fullstackrecipes
using-nuqs
Manage React state in URL query parameters with nuqs. Covers Suspense boundaries, parsers, clearing state, and deep-linkable dialogs.
andrelandgraf/fullstackrecipes
chat-naming
Generate descriptive chat titles from the first message using a fast LLM. Runs as a background workflow step after the main response to avoid delaying the experience.
Didn't find tool you were looking for?