og-image-generation
Generate dynamic social preview images using Next.js file conventions and the next/og library.
Skill by andrelandgraf
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/andrelandgraf-og-image-generation
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend, backend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/og-image-generation
What's inside
- Skill name
og-image-generation- Description
- Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.
- License
- unknown
- Instructions
- 9 lines in SKILL.md · view on GitHub
Before installing
- Instructions call the network
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from andrelandgraf/fullstackrecipes
- 0.560score
fallow
Bart Waardenburg
Codebase intelligence for JavaScript and TypeScript.
SkillCFreshness: C★ 22Claude Code +9 - 0.555score
better-env
andrelandgraf
Better environment variable management for agents and humans with full type safety, CLI-based remote environment synchronization, and environment validation.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
authoring-recipes
andrelandgraf
Guidelines for authoring fullstackrecipes content - setup recipes, exposed skills (in ./skills/), cookbooks, templates, and installable registry utilities.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
use-fullstackrecipes
andrelandgraf
Discover and follow fullstackrecipes (setup guides, skills, cookbooks) by fetching their Markdown.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
workflow-best-practices
andrelandgraf
Build durable workflows with the Workflow Development Kit — steps, streaming, agent runs, metadata, and persistence.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
neon-postgres-branches
andrelandgraf
Choose and create the right Neon branch type for testing and development.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
analytics-best-practices
andrelandgraf
Track custom events and conversions with Vercel Web Analytics via the track() call.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
authentication-best-practices
andrelandgraf
Read sessions client- and server-side, guard routes, and run sign in/up/out with Better Auth.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
drizzle-queries
andrelandgraf
Write type-safe Postgres queries with Drizzle ORM (select/insert/update/delete, relations, new tables).
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
logging-best-practices
andrelandgraf
Emit structured logs with Pino (levels, context-first signature, workflow-safe step wrapper).
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
ralph-loop-workflow
andrelandgraf
Run a coding agent in an autonomous loop via a /ralph command, gated by a preflight check that every CLI is installed, linked, and authenticated.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
sentry-best-practices
andrelandgraf
Capture exceptions, attach user/context, add spans and breadcrumbs, and log via the Sentry SDK.
SkillCFreshness: C★ 22Claude Code +9
Signals
- Stars
- 22
- Forks
- 3
- Open issues
- 1
- Last commit (this folder)
- Jun 8, 2026 (4 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Website
- fullstackrecipes.com
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from andrelandgraf
- 0.555score
better-env
andrelandgraf
Better environment variable management for agents and humans with full type safety, CLI-based remote environment synchronization, and environment validation.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
workflow-best-practices
andrelandgraf
Build durable workflows with the Workflow Development Kit — steps, streaming, agent runs, metadata, and persistence.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
authoring-recipes
andrelandgraf
Guidelines for authoring fullstackrecipes content - setup recipes, exposed skills (in ./skills/), cookbooks, templates, and installable registry utilities.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
neon-postgres-branches
andrelandgraf
Choose and create the right Neon branch type for testing and development.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
analytics-best-practices
andrelandgraf
Track custom events and conversions with Vercel Web Analytics via the track() call.
SkillCFreshness: C★ 22Claude Code +9 - 0.550score
authentication-best-practices
andrelandgraf
Read sessions client- and server-side, guard routes, and run sign in/up/out with Better Auth.
SkillCFreshness: C★ 22Claude Code +9
Cite this page
og-image-generation skill. Agent Mart. https://agentmart.dev/skills/andrelandgraf-og-image-generation (last updated 2026-10-24)