OG Stamp について
OG Stamp は、ホスト型 Open Graph 画像を生成する API と公式 Node/TypeScript クライアントです。画像を保存して安定した URL を取得でき、render と auto はキーなしでも試せますが、生成画像には透かしが入ります。
主な機能
- 01ホスト型 Open Graph 画像の生成
- 02画像の保存と安定した URL の発行
- 03キーなしでのレンダリングまたは自動生成
- 04画像 URL と HTML の返却
活用シーン
- 01ウェブページ用 og:image カードの作成
- 02API キー利用前の画像生成の試用
MCP 対応
MCP エンドポイントが案内されており、画像ツールはサービスと同じ api_key を使い、ホスト型画像 URL を返します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://ogstamp.com/mcpclaude mcp add --transport http com-ogstamp-og https://ogstamp.com/mcp{"mcpServers":{"com-ogstamp-og":{"type":"http","url":"https://ogstamp.com/mcp"}}}Cursor で開く{"servers":{"com-ogstamp-og":{"type":"http","url":"https://ogstamp.com/mcp"}}}VS Code で開く{"mcpServers":{"com-ogstamp-og":{"type":"http","url":"https://ogstamp.com/mcp"}}}{"mcpServers":{"com-ogstamp-og":{"serverUrl":"https://ogstamp.com/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
3| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| bg | string | いいえ | 背景色の 16 進数表記(例:#0b1220) |
| fg | string | いいえ | テキスト色の 16 進数表記 |
| font | enum | いいえ | ブランドに合った書体inter | manrope | playfair | space | dm | lora | mono | figtree | bitter |
| site | string | いいえ | カード上の小さなサイト/ドメインラベル |
| size | enum | いいえ | 出力サイズのプリセットog | square | linkedin | story | wide |
| badge | string | いいえ | 任意の小さなラベル |
| theme | enum | いいえ | 基本テーマ。bg/fg/accent の 16 進数カラーで上書きできますmidnight | paper | forest | coral | slate |
| title | string | はい | カードのメイン見出し |
| accent | string | いいえ | アクセントバー/バッジの 16 進数カラー |
| layout | enum | いいえ | カードの構成classic | center | split | minimal | quote | terminal |
| api_key | string | はい | https://ogstamp.com/pricing/ の ogs_… キー。必須です。1 クレジットを消費します。 |
| logo_url | string | いいえ | 正方形のロゴ/PNG の HTTPS URL |
| subtitle | string | いいえ | 任意の 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/
リンク
- 料金:https://ogstamp.com/pricing/
- ドキュメント:https://ogstamp.com/docs/
- OpenAPI:https://ogstamp.com/openapi.json
- MCP:https://ogstamp.com/mcp — 画像ツールには同じ
api_keyが必要で、ホストされた URL が返されます - n8n コミュニティノード:https://github.com/BenceBakos/n8n-nodes-ogstamp
ライセンス
MIT
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。