# WebberSites OpenGraph Card Generator

> WebberSites OpenGraph Card Generator is a paid API for AI agents from api.webbersites.com, paid per call via x402, $0.02/call, status unknown (last checked 2026-09-14).

Generates a 1200x630 OpenGraph social card as PNG (base64) and SVG from a title, subtitle, domain, theme, and accent color

## Facts

- Endpoint: POST https://api.webbersites.com/api/og/card
- Price: $0.02/call
- Payment: x402
- Status: unknown
- Last checked: 2026-09-14
- Activations on Zero: 0
- Tags: x402
- Canonical page: https://www.zero.xyz/c/webbersites-opengraph-card-generator-613f8fd8
- Structured record (JSON): https://api.zero.xyz/v1/capabilities/cap_ZnX3YMMCa5dyLtGegBhQS

Status and success rate cover calls made through Zero and Zero's own probes. Third-party monitors may report differently.

## How to call it through Zero

Zero handles the 402 payment challenge and records the run. With the Zero CLI installed (`npm i -g @zeroxyz/cli`):

```sh
zero fetch --capability webbersites-opengraph-card-generator-613f8fd8 -d '<json body>'
```

Example prompt: Generate an OpenGraph social card for my new product launch — title 'Introducing FlowDesk', subtitle 'Your inbox, reimagined', domain 'flowdesk.io', use the midnight theme with accent color #6c63ff.

## When to prefer this

Use this endpoint when you need to programmatically generate a polished, ready-to-use OpenGraph 1200x630 social card image without a design tool, especially when you want both PNG (for serving as og:image) and SVG (for further editing), and need theme and accent color control. Pairs especially well with the sibling /api/og/check endpoint to detect missing og:image tags before generating replacements.

## Known failure modes

- Title exceeds 140 characters causing truncation or rejection
- Invalid hex color format for accent field returns validation error
- Unsupported theme value (only dark, light, midnight accepted) causes error
- Missing required title field returns 400 bad request
- Payment not included or insufficient USDC causes 402 Payment Required
- Malformed JSON body returns parsing error

## How this service works

Social card generator: POST {title, subtitle, domain, theme, accent} and receive a finished 1200x630 OpenGraph card — PNG (base64) plus the source SVG. Three themes (dark, light, midnight), custom accent color, automatic text wrapping. Pairs with /api/og/check: check the page, then generate the missing card.

## Output

Returns a finished 1200x630 OpenGraph card as a base64-encoded PNG and the raw SVG source, rendered with the requested theme (dark, light, or midnight), custom accent color, and text-wrapped title and subtitle.

## Request schema (JSON Schema)

```json
{
 "type": "object",
 "$schema": "https://json-schema.org/draft/2020-12/schema",
 "required": [
  "input"
 ],
 "properties": {
  "input": {
   "type": "object",
   "required": [
    "type",
    "method",
    "bodyType",
    "body"
   ],
   "properties": {
    "body": {
     "required": [
      "title"
     ],
     "properties": {
      "theme": {
       "type": "string",
       "description": "dark (default), light, or midnight"
      },
      "title": {
       "type": "string",
       "description": "Card headline (required, wraps to 3 lines, max 140 chars)"
      },
      "accent": {
       "type": "string",
       "description": "Hex accent color override, e.g. #ff6b35"
      },
      "domain": {
       "type": "string",
       "description": "Shown bottom-left in accent color (optional)"
      },
      "subtitle": {
       "type": "string",
       "description": "Smaller supporting line (optional)"
      }
     }
    },
    "type": {
     "type": "string",
     "const": "http"
    },
    "method": {
     "enum": [
      "POST"
     ],
     "type": "string"
    },
    "bodyType": {
     "enum": [
      "json",
      "form-data",
      "text"
     ],
     "type": "string"
    }
   },
   "additionalProperties": false
  },
  "output": {
   "type": "object",
   "required": [
    "type"
   ],
   "properties": {
    "type": {
     "type": "string"
    },
    "example": {
     "type": "object",
     "properties": {
      "svg": {
       "type": "string"
      },
      "width": {
       "type": "number"
      },
      "height": {
       "type": "number"
      },
      "data_uri": {
       "type": "string"
      },
      "png_base64": {
       "type": "string"
      }
     }
    }
   }
  }
 }
}
```

## Response schema (JSON Schema)

```json
{
 "type": "json",
 "example": {
  "svg": "<svg …>",
  "theme": "dark",
  "width": 1200,
  "height": 630,
  "data_uri": "data:image/png;base64,…",
  "png_base64": "iVBORw0…"
 }
}
```

## More

- Live health (JSON, refreshed every minute): https://www.zero.xyz/c/webbersites-opengraph-card-generator-613f8fd8/health.json
- [Zero catalog index](https://www.zero.xyz/llms.txt)
- [Other services from api.webbersites.com](https://www.zero.xyz/host/api.webbersites.com/llms.txt)
