skills.rest
harlan-zw
harlan-zwCOMMUNITY
Explore all skills by this author →
Website𝕏@harlan_zwGitHub

nuxt-og-image-skilld

Resolve Nuxt OG Image module integration and upgrade issues.

391|34|Updated Feb 10, 2024
Search Tags:#debugging#caching#migration#nuxt#og-image#renderers#cloudinary-style urls
One-click install
npx skills add https://github.com/harlan-zw/request-indexing --skill nuxt-og-image-skilld
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-og-image-skilld
Source: https://github.com/harlan-zw/request-indexing/tree/main/.claude/skills/nuxt-og-image-skilld
Command: npx skills add https://github.com/harlan-zw/request-indexing --skill nuxt-og-image-skilld

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you avoid and fix issues when integrating or upgrading the Nuxt OG Image module, so your Open Graph images render reliably.

Core Features & Use Cases

  • Upgrade and migration guidance: Clarifies breaking changes across versions and the new recommended APIs (such as composables and renderer-specific component naming).
  • Configuration and best-practice recommendations: Guides correct renderer choice, caching options, runtime vs build-time generation, and production stability patterns.
  • Targeted troubleshooting and API-change lookup: Helps locate the relevant behavior by version, then apply the correct import paths, options, and component conventions.

Quick Start

Use the skill with the module import name to look up best practices or the relevant version-specific changes for your integration.

Frequently Asked Questions about nuxt-og-image-skilld

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix Nuxt OG image rendering issues after a module upgrade?▼

Fix Nuxt OG image rendering issues by referencing version-specific migration guidance to adapt to breaking API changes, update import paths, and apply correct composables and renderer-specific component naming conventions.

What is the best way to configure caching for Nuxt OG images?▼

Configure Nuxt OG image caching by selecting appropriate renderer options and defining runtime versus build-time generation patterns to ensure deterministic production stability and reliable Open Graph image delivery.

How do I choose the right renderer for Nuxt OG image generation?▼

Choose Nuxt OG image renderers by evaluating module-specific best-practice configuration patterns, matching your runtime environment capabilities, and ensuring compatibility with your project's caching and generation requirements.

Why are my Nuxt OG images not displaying correctly in production?▼

Nuxt OG images fail in production due to incorrect renderer configuration, improper caching options, or unresolved API breaking changes; apply version-aware troubleshooting and correct component conventions to restore rendering.

Does Nuxt OG image generation support build-time and runtime modes?▼

Nuxt OG image generation supports both build-time and runtime modes, allowing you to configure caching behavior and generation patterns based on your project's specific production stability and deterministic rendering needs.

How do I resolve Cloudinary-style URL issues with Nuxt OG images?▼

Resolve Nuxt OG image Cloudinary-style URL issues by verifying renderer configuration, applying correct import paths, and ensuring your integration aligns with the module's version-specific operational instructions and API conventions.

Related Skills

Explore More Software Engineering Skills→
Charles5277Charles5277

nuxt-seo

Configure Nuxt SEO with robots, sitemap, OG images, and schema.org data.

Community
Advanced
newstlernewstler
20

og-image

Generate Open Graph images for Rails apps via a dedicated /og-image route.

Community
Advanced
686f6c61686f6c61
105

meta-tags

Audit page URLs and generate corrected HTML meta tag snippets.

Community
Intermediate
vercel-labsvercel-labs
246

satori

Convert HTML and CSS into SVG images with the Satori library.

Official
Intermediate