Open Graph Image Generator FAQs

Question 1

Do I need an API key for image conversion?

Accepted Answer

The skill utilizes the html2png.dev API to perform conversions. You should ensure your environment is capable of making outbound requests to this service to download the generated images.

Question 2

Can I customize the design of the images?

Accepted Answer

Yes, the skill generates HTML source files using Tailwind CSS. You can provide your brand guidelines via a design-system.md file, or have Claude iterate on the HTML source code.

Question 3

Where are the generated images and source files stored?

Accepted Answer

Images are saved to the public/og-images/ directory by default, while the source HTML templates are preserved in keep/og-images/ for easy future edits.

Question 4

Does this skill only work with Nuxt.js?

Accepted Answer

While it features specific automation for Nuxt directory structures (app/pages), it can be used to generate images for any web page or generic content using its flexible HTML-to-PNG workflow.

Question 5

Does it automatically update my HTML meta tags?

Accepted Answer

The skill generates the assets and provides a report. It will remind you to add the og:image meta tags to your Vue files if they are not already present, ensuring you retain control over your source code.

Open Graph Image Generator

주요 기능

사용 사례

Open Graph Image Generator

주요 기능

사용 사례