oJo — HTML to image and PDF

Name: oJo — HTML to image and PDF
Author: ojodotso

作者：ojodotsoバージョン 0.9.0i★ 0iパソコンでもクラウドでも

レジストリ名so.ojo/mcp-server

インストール方法

What it does

Fill an HTML template with JSON and get a hosted PDF or image link. Free previews, no key.

Connects パソコンでもクラウドでも
Account or key Cloud: Sign in to the service when you connect (OAuth) · Local: No key needed
Category デザイン・画像・音声

インストール

使っているAIアプリを選んで、設定をコピーしてください。

チェック 5/5 合格 · 質問内容は提供元のサーバー（mcp.ojo.so）を通ります · ✓ コマンド確認済み 2026年11月14日

まず：どの AI を使っていますか？

ClaudeWeb · アプリ · スマホChatGPTWebClaude CodeターミナルCursorコードエディタVS Codeコードエディタその他その他のアプリ

使っているアプリを選ぶと、下に手順が表示されます。

Claude につなげます · 約 2 分

キー不要、インストール不要 · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー（Owner）が追加

Claude の Connectors ページを開く
CustomizeConnectors
完了
「Add」→「Custom」→「Web」を押し、この 2 つを入力
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Name · 名前oJo — HTML to image and PDF
Remote MCP server URL · アドレスhttps://mcp.ojo.so/mcp
Claude が検出したサインイン設定の画面で Continue を押す · Authentication は作者の説明どおり（Sign in now・Sign in when needed・No sign in）を選び Add を押します
完了
チャットで有効にする
+ConnectorsoJo — HTML to image and PDF
完了
試してみる
oJo — HTML to image and PDF を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude が oJo — HTML to image and PDF を使っていると言うか、回答に oJo — HTML to image and PDF のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT との接続はプランしだい

フル MCP：Web 版 ChatGPT の Business・Enterprise・Edu · Pro：読み取り/取得の権限で接続、データを変えるツールは使えないことがあります · Plus：公式ドキュメントで未確認。プラグイン画面にカスタム MCP を追加する項目があれば試せます · Web のみ

Web 版 ChatGPT で MCP の追加ページを開く
Plugins+Add custom MCP server
完了
名前とアドレスを入力
名前を入れ、Connection にアドレスを貼り付け、注意事項にチェックして Create as a plugin を押します
Name · 名前oJo — HTML to image and PDF
Connection · アドレスhttps://mcp.ojo.so/mcp
完了
チャットで oJo — HTML to image and PDF を選ぶ
新しいチャットを開き、入力前にプラグインの一覧から oJo — HTML to image and PDF を選びます
完了
試してみる
oJo — HTML to image and PDF を使って、私に何ができるか教えて、1 つやってみせて
✓ ChatGPT が oJo — HTML to image and PDF を使っていると言うか、回答に oJo — HTML to image and PDF のツール名が出れば接続成功です

メニュー名は 2026年11月11日に OpenAI のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Claude Code につなげます · 約 2 分

キー不要、インストール不要

ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
完了

このコマンドを貼り付けて Enter

claude mcp add --transport http --scope user ojo https://mcp.ojo.so/mcp

完了

Claude Code で /mcp と入力
oJo — HTML to image and PDF が一覧にあり、接続済みと表示されれば OK です
完了
試してみる
oJo — HTML to image and PDF を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude Code が oJo — HTML to image and PDF を使っていると言うか、回答に oJo — HTML to image and PDF のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげます · 約 2 分

キー不要、インストール不要

このボタンで Cursor を開く
Cursor で開く
Cursor がインストールの確認をするので Install を押します
完了
Cursor の AI チャットを Agent モードで開く
完了
試してみる
oJo — HTML to image and PDF を使って、私に何ができるか教えて、1 つやってみせて
✓ Cursor が oJo — HTML to image and PDF を使っていると言うか、回答に oJo — HTML to image and PDF のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげます · 約 2 分

キー不要、インストール不要

このボタンで VS Code を開く
VS Code で開く
VS Code がインストールの確認をするので Install を押します
完了
VS Code の AI チャットを Agent モードで開く
完了
試してみる
oJo — HTML to image and PDF を使って、私に何ができるか教えて、1 つやってみせて
✓ VS Code が oJo — HTML to image and PDF を使っていると言うか、回答に oJo — HTML to image and PDF のツール名が出れば接続成功です

メニュー名は 2026年11月11日に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

Web 経由でつなぐアプリ用のアドレス

アドレスhttps://mcp.ojo.so/mcp

JSON 設定は下の「開発者向け」にあります

つまずいたら？oJo — HTML to image and PDF を使っている人に聞いてみましょう💬 ディスカッション →

開発者向け：ターミナルのコマンドと JSON 設定

Web 経由

Claude Code

claude mcp add --transport http --scope user ojo https://mcp.ojo.so/mcp

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "ojo": {
      "url": "https://mcp.ojo.so/mcp"
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "ojo": {
      "type": "http",
      "url": "https://mcp.ojo.so/mcp"
    }
  }
}

パソコンにインストール

Claude Code

claude mcp add --scope user ojo -- npx -y @ojodotso/mcp-server

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "ojo": {
      "command": "npx",
      "args": [
        "-y",
        "@ojodotso/mcp-server"
      ]
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "ojo": {
      "command": "npx",
      "args": [
        "-y",
        "@ojodotso/mcp-server"
      ]
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "ojo": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@ojodotso/mcp-server"
      ]
    }
  }
}

自分で入力する値

OJO_API_KEY 秘密 env
oJo API key — create one at https://ojo.so/dashboard/api. Optional: without it the server runs in preview-only mode, where create_preview_link renders free full-resolution previews with no account.

説明は英語の原文のままです。

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

ひと目でわかる

GitHubスター i: 0
週あたりのダウンロードi: 121/週
確認済みドメイン: ✓ ojo.so
ライセンス i: MIT
接続方法: パソコンでもクラウドでも
トランスポート: stdio, streamable-http
最新バージョンi: 0.9.0
カテゴリi: デザイン・画像・音声
レジストリ公開日i: 2026年10月28日
コードの最終更新i: 2026年10月29日
作者: ojodotso
パッケージ: npm: @ojodotso/mcp-server
リポジトリ: ojodotso/mcp-server
ウェブサイト: ojo.so
レジストリでの状態: 有効

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。

インターネット経由でつなげるアプリ

Claude ChatGPT Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Open WebUI Raycast

パソコン上で動かせるアプリ

Claude Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Raycast

すべてのアプリと長所・短所 →

できること

このサーバーは、ツール一覧を表示する前にサインインを求めます。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月14日にチェック

✓ 合格
作者とリポジトリが一致
レジストリ名はドメイン ojo.so で確認済みです（レジストリがドメインの所有を確認しています）
✓ 合格
今もメンテナンスされている
コードの最終更新：16 日前
✓ 合格
ライセンスがある
MITを使用
✓ 合格
エンドポイントが応答する
404ミリ秒で応答（HTTP 401）
✓ 合格
OAuthでサインイン
OAuthでのサインインに対応しているため、AIアプリがログイン画面へ案内してくれます
… 未チェック
ツールの説明に隠れた指示がない
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります

話し合い

質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。

まだ投稿はありません。最初の質問や共有をどうぞ。

ここの投稿は利用者によるもので、PopNx チームのものではありません。

Google でログインして投稿

ユーザーレビュー

まだレビューはありません

Google でログインしてレビューを書く

デザイン・画像・音声のほかのサーバーとの比較i

このカテゴリのほかの3052件のうち0%よりスターが多い
このカテゴリのほかの3052件のうち66%より最近レジストリに公開
基本チェックの結果が、このカテゴリのほかの3052件のうち100%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

oJo — HTML to image and PDFは安全ですか？

当てはまる基本チェック5項目のうち5項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか？

レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。

パソコンで動きますか、それともクラウドですか？

どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。

今もメンテナンスされていますか？

GitHubリポジトリの最終更新は16 日前、最新バージョン（0.9.0）がレジストリに届いたのは17 日前です。

どのアプリで使えますか？

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP を受け付けるアプリでも使えます。例：Web 版 ChatGPT（Business 以上はフル MCP、Pro は読み取りのみ）。

代わりに使えるものは？

同じカテゴリには：Figma Context MCP, AutoClip, Next AI Draw.io

同じカテゴリのほかの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

作者：GLips広く使われている↓ 15.2万/週★ 1.6万5 か月前更新

パソコンで動く

インストール

AutoClip

Clip long videos into short clips with covers and captions. Local CLI and MCP.

作者：zhouxiaoka広く使われている↓ 205/週★ 1万17 日前更新

パソコンで動く

インストール

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

作者：DayuanJiang広く使われている↓ 2.2万/週★ 3.7万リポジトリ全体のスター今日更新

パソコンで動く

インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

@ojodotso/mcp-server

oJo turns an HTML template and your JSON data into a PDF or PNG at a hosted link, from the REST API, any MCP client or the editor. This package is oJo's Model Context Protocol server. Live previews are free and need no account; an oJo API key adds hosted PNG and PDF links and reusable templates through the user's own account. Transport is local stdio; the API boundary is HTTP to https://api.ojo.so/v1 only.

Most clients can connect to https://mcp.ojo.so/mcp directly and sign in, without installing anything: see https://ojo.so/docs/mcp-server. This package is the local alternative.

Quick start — no account needed

Point your MCP client at the package. With no API key the server starts in preview-only mode: create_preview_link renders HTML into a live, full-resolution image preview, free and unlimited, with no oJo account.

"mcpServers": { "ojo": { "command": "npx", "args": ["-y", "@ojodotso/mcp-server"] } } }

claude mcp add ojo -- npx -y @ojodotso/mcp-server

Adding a key

A key unlocks the permanent PNG or PDF URL — the thing you can put in an email, a social card or an API response — plus reusable templates. Create one at https://ojo.so/dashboard/api and pass it as OJO_API_KEY:

"mcpServers": { "ojo": { "command": "npx", "args": ["-y", "@ojodotso/mcp-server"], "env": { "OJO_API_KEY": "sk_..." } } } }

claude mcp add ojo -e OJO_API_KEY=sk_... -- npx -y @ojodotso/mcp-server

Works the same for Claude Desktop, Cursor, and Claude Code.

Tools

Only create_preview_link is registered without an API key; the rest talk to the oJo API, so advertising them keyless would offer tools that can only fail.

Tool	Purpose	Credit	Needs a key
`create_preview_link`	Build a free, full-resolution `/preview` link for an HTML/Handlebars draft.	—	no
`generate_image_from_html`	Render plain HTML (with inline CSS) to a PNG; returns its public URL.	1	yes
`generate_image_from_template`	Render an existing template, optionally overriding variables via `modify`.	1	yes
`generate_pdf_from_html`	Render plain HTML (with inline CSS) to a PDF of up to 100 pages, A4 unless a CSS `@page` rule sets the size; returns its public URL, page count and credits spent. A longer document is refused and costs nothing.	1 per 20 pages	yes
`generate_pdf_from_template`	Render an existing template to a PDF, optionally overriding variables via `modify`, or build one PDF of up to 100 pages from many templates and HTML with `pages`.	1 per 20 pages	yes
`list_templates`	List the templates available to the account.	—	yes
`get_template`	Fetch one template's HTML and variable defaults.	—	yes
`create_template`	Create a reusable template from plain HTML/Handlebars.	—	yes
`update_template`	Replace a template's HTML, and its variable defaults when given, under the same ID. Overwrites: API renders use the new version at once.	—	yes

The design loop

Iterate with create_preview_link, then render. It returns an https://ojo.so/preview#draft=… URL that renders the draft live in the browser through the same engine as the final PNG, at full resolution. The draft is gzipped into the URL *hash*, so it never reaches a server and nothing is stored — the link is self-contained and shareable with a human reviewer. For a PDF the preview shows the screen rendering, not the page breaks.

Both image tools also accept inspect: true, which returns a 512px-wide downscaled thumbnail alongside the URL. That is a confirmation that the render succeeded, not a design surface — it is too small to judge layout or typography.

Guiding prompt

author_ojo_template — teaches the Handlebars helper catalog, the Template Variables (schema/defaults) vs Modify Payload (per-render data) model, viewport conventions, and the preview-first design loop.

Configuration

OJO_API_KEY (optional) — your oJo API key. Without it the server runs in preview-only mode; with it the full tool surface is registered.
OJO_API_BASE_URL (optional) — defaults to https://api.ojo.so/v1.
OJO_WEB_BASE_URL (optional) — the web app that serves /preview for create_preview_link. Defaults to https://ojo.so; point it at a local http://localhost:3000 when developing against a self-hosted web app.

Develop

pnpm install

pnpm build pnpm test pnpm check

oJo — HTML to image and PDF

What it does

インストール

Claude の Connectors ページを開く

「Add」→「Custom」→「Web」を押し、この 2 つを入力

チャットで有効にする

試してみる

Web 版 ChatGPT で MCP の追加ページを開く

名前とアドレスを入力

チャットで oJo — HTML to image and PDF を選ぶ

試してみる

ターミナルを開く

このコマンドを貼り付けて Enter

Claude Code で /mcp と入力

試してみる

このボタンで Cursor を開く

Cursor の AI チャットを Agent モードで開く

試してみる

このボタンで VS Code を開く

VS Code の AI チャットを Agent モードで開く

試してみる

Web 経由

パソコンにインストール

自分で入力する値

ひと目でわかる

使えるアプリ

できること

基本チェックi

作者とリポジトリが一致

今もメンテナンスされている

ライセンスがある

エンドポイントが応答する

OAuthでサインイン

ツールの説明に隠れた指示がない

話し合い

ユーザーレビュー

デザイン・画像・音声のほかのサーバーとの比較i

よくある質問

同じカテゴリのほかの候補

Figma Context MCP

AutoClip

Next AI Draw.io

作者のREADME

@ojodotso/mcp-server

Quick start — no account needed

Adding a key

Tools

The design loop

Guiding prompt

Configuration

Develop