metadata-gen

A CLI that generates metadata (OG) images and a full favicon set from what your project already has.

Runs locally. No API keys. Preview, refine, download into your repo.

Installation

$ npx metadata-gen init $ npx metadata-gen

Run these in your terminal, or copy a prompt for your AI coding tool.

What you get

Fully customizable metadata image and favicon set.

Metadata image

Favicon set

Browser tab · light
Browser tab · dark
Vertical tab · light
Vertical tab · dark

How it works

  1. 01ScanTitle, tagline, colors, and logo from package.json, README, CSS variables, Tailwind themes, token files, and logo.svg. Read-only.
  2. 02GenerateThree layouts and the favicon set, in a local preview.
  3. 03RefineTweak colors, text, logo. Download to public/metadata/.

Files

public/metadata/
├── og.png                    # 1200×630
├── favicon.ico               # 16 + 32 + 48
├── favicon.svg               # light and dark mode
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon-96x96.png
├── apple-touch-icon.png      # 180×180
├── android-chrome-192x192.png
├── android-chrome-512x512.png
└── site.webmanifest