mcpField
O
OG Stamp

OG Stamp

リモート
ogstamp.comメディア・デザイン04 週間前に更新
リポジトリ公式サイト

OG Stamp について

OG Stamp は、ホスト型 Open Graph 画像を生成する API と公式 Node/TypeScript クライアントです。画像を保存して安定した URL を取得でき、render と auto はキーなしでも試せますが、生成画像には透かしが入ります。

主な機能

  1. 01ホスト型 Open Graph 画像の生成
  2. 02画像の保存と安定した URL の発行
  3. 03キーなしでのレンダリングまたは自動生成
  4. 04画像 URL と HTML の返却

活用シーン

  1. 01ウェブページ用 og:image カードの作成
  2. 02API キー利用前の画像生成の試用

MCP 対応

MCP エンドポイントが案内されており、画像ツールはサービスと同じ api_key を使い、ホスト型画像 URL を返します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://ogstamp.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

3
パラメーター型必須説明
bgstringいいえ背景色の 16 進数表記(例:#0b1220)
fgstringいいえテキスト色の 16 進数表記
fontenumいいえブランドに合った書体inter | manrope | playfair | space | dm | lora | mono | figtree | bitter
sitestringいいえカード上の小さなサイト/ドメインラベル
sizeenumいいえ出力サイズのプリセットog | square | linkedin | story | wide
badgestringいいえ任意の小さなラベル
themeenumいいえ基本テーマ。bg/fg/accent の 16 進数カラーで上書きできますmidnight | paper | forest | coral | slate
titlestringはいカードのメイン見出し
accentstringいいえアクセントバー/バッジの 16 進数カラー
layoutenumいいえカードの構成classic | center | split | minimal | quote | terminal
api_keystringはいhttps://ogstamp.com/pricing/ の ogs_… キー。必須です。1 クレジットを消費します。
logo_urlstringいいえ正方形のロゴ/PNG の HTTPS URL
subtitlestringいいえ任意の 2 行目

詳細

ogstamp

OG Stamp の公式 Node/TypeScript クライアントです。1 回の呼び出しで、ホストされた Open Graph 画像を取得できます。クレジットに有効期限はありません。サブスクリプションではなく、PayPal でお支払いいただけます。

npm install github:BenceBakos/ogstamp

https://ogstamp.com/pricing/ でキーを購入できます。Starter は 2,000 枚で $9 です。

本番環境

import { OgStamp } from "ogstamp";

const og = new OgStamp({ apiKey: process.env.OGSTAMP_API_KEY });

// Stable URL for og:image. One credit. The key never appears in the HTML.
const card = await og.store({ title: "Ship social cards from an API", theme: "forest" });
// card.url  → https://ogstamp.com/i/….png
// card.html → <meta property="og:image" content="https://ogstamp.com/i/….png" />

// Same card, built from a page's own title, description, and favicon.
const fromPage = await og.storeFromUrl({ url: "https://example.com/blog/post" });

購入前にお試しください

render() と auto() は、キーなしで動作します。これらの PNG にはウォーターマークが入り、サイトごとに 1 日 10 枚までに制限されます。og:image に設定する画像には、store() または storeFromUrl() をお使いください。

まずページを確認してください:https://ogstamp.com/og-debugger/

リンク

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。