og-images
Use when adding Open Graph / share images (OG cards, Twitter cards, social preview images) to a Next.js App Router site, generating them with next/og…
Skill by phucbm
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/phucbm-og-images
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, cloud
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-images
Tools it pre-approves 4
From allowed-tools in SKILL.md: the agent may use these without asking you each time.
Bash,Read,Edit,Write
What's inside
- Skill name
og-images- Description
- Use when adding Open Graph / share images (OG cards, Twitter cards, social preview images) to a Next.js App Router site, generating them with next/og (ImageResponse, Satori), or when a card breaks on Cloudflare Workers / OpenNext (fs errors, missing fonts, WOFF2 or WebP errors, og:image redirects, og:type lost on pages).
- License
- unknown
- Allowed tools
- Bash,, Read,, Edit,, Write
- Instructions
- 229 lines in SKILL.md · view on GitHub
Before installing
- Pre-approves some shell commands
- 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 phucbm/skills
- 0.502score
learn
phucbm
Scan the current codebase, compare against existing phucbm/skills knowledge, and suggest new skills to save or existing skills to update.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
pinecone
phucbm
Set up Pinecone as the vector DB in a RAG pipeline — index config, batch upsert, semantic query, metadata filters.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
discord-as-backend
phucbm
Use Discord as a lightweight backend for web apps — read a Forum channel as a structured database (bookmarks, link store) or push form submissions into a…
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
cloudflare-pages
phucbm
Use when deploying a Next.js app to Cloudflare Pages, migrating from Vercel to Cloudflare, troubleshooting edge runtime errors, or evaluating whether a…
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
publish-npm
phucbm
Set up a GitHub Actions workflow to publish an npm package on release — using either a long-lived npm token or OIDC trusted publishing (no stored secret).
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
add-skill
phucbm
Add a new skill or knowledge entry to phucbm/skills repo.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
update-skill
phucbm
Update an existing skill or knowledge entry in phucbm/skills.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
groq
phucbm
Integrate GROQ LLM streaming into a project.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
vercel-ai-gateway
phucbm
Set up Vercel AI Gateway (@ai-sdk/gateway) for multi-provider AI access.
SkillCFreshness: C★ 2Claude Code +9 - 0.499score
dexie
phucbm
Dexie.js usage in a local-first Next.js + React + TypeScript app (IndexedDB wrapper, useLiveQuery, schema versioning, migrations)
SkillCFreshness: C★ 2Claude Code +9 - 0.498score
rag
phucbm
Build a RAG (Retrieval-Augmented Generation) pipeline — chunk data, embed, store in vector DB, query at inference, inject into system prompt.
SkillCFreshness: C★ 2Claude Code +9 - 0.498score
github-as-db
phucbm
Use a GitHub repo as a zero-infra, anonymous-friendly data store — JSON files as records, GitHub App bot as the write layer, build-time index compilation as…
SkillCFreshness: C★ 2Claude Code +9
Signals
- Stars
- 2
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 12, 2026 (16 days ago)
- Last release
- Jun 30, 2026 (4 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/phucbm/skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from phucbm
- 0.502score
cloudflare-pages
phucbm
Use when deploying a Next.js app to Cloudflare Pages, migrating from Vercel to Cloudflare, troubleshooting edge runtime errors, or evaluating whether a…
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
groq
phucbm
Integrate GROQ LLM streaming into a project.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
pinecone
phucbm
Set up Pinecone as the vector DB in a RAG pipeline — index config, batch upsert, semantic query, metadata filters.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
discord-as-backend
phucbm
Use Discord as a lightweight backend for web apps — read a Forum channel as a structured database (bookmarks, link store) or push form submissions into a…
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
vercel-ai-gateway
phucbm
Set up Vercel AI Gateway (@ai-sdk/gateway) for multi-provider AI access.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
publish-npm
phucbm
Set up a GitHub Actions workflow to publish an npm package on release — using either a long-lived npm token or OIDC trusted publishing (no stored secret).
SkillCFreshness: C★ 2Claude Code +9
Cite this page
og-images skill. Agent Mart. https://agentmart.dev/skills/phucbm-og-images (last updated 2026-10-24)