OJo β€” HTML to image logo

OJo β€” HTML to image

Render HTML or Handlebars templates as hosted PNGs, PDFs, or free browser previews through MCP.

Install OJo β€” HTML to image

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "ojo-html-to-image-2": {
      "command": "npx",
      "args": [
        "-y",
        "@ojodotso/mcp-server"
      ],
      "env": {
        "OJO_API_KEY": "YOUR_VALUE_HERE",
        "OJO_API_BASE_URL": "YOUR_VALUE_HERE",
        "OJO_WEB_BASE_URL": "YOUR_VALUE_HERE"
      }
    }
  }
}

Settings β†’ Developer β†’ Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

Values are written into the snippet above so you can paste it as is. They never leave your browser.

Automated check passedβ€” started and listed 14 tools correctly (Today).

Overview

oJo β€” HTML to image connects an MCP client to HTML rendering workflows for PNG images, PDFs, live previews, and reusable templates. It runs locally over stdio and uses the oJo HTTP API only when an API key is configured. Without a key, agents can create unlimited full-resolution preview links; with a key, they can generate hosted files and manage account templates. Reach for it when an agent needs to turn HTML or templated content into shareable visual or document outputs.

Use cases

  • Create browser-shareable previews of HTML drafts
  • Render social cards or email graphics as PNG files
  • Generate short A4 PDFs from HTML content
  • Reuse Handlebars templates with per-render variables
  • Inspect and manage account templates

Key features

  • Free full-resolution HTML and Handlebars preview links
  • PNG rendering with public output URLs
  • PDF rendering up to 20 pages
  • Reusable template creation and retrieval
  • Optional render inspection thumbnails
  • Local stdio transport with configurable API endpoints

Tools14

What OJo β€” HTML to image lets your agent do. Expand a tool for its parameters.

Verified live~4.6k tokens of context

Security & health

What it can reach and how reliably it runs β€” from our own checks, not the maintainer’s claims.

ActiveLast checked Today

Recent health check succeeded.

10/10 checks healthy over the last 54d

What it can do

From the 14 tools this server returned when we ran it; 14 declare their own safety hints.

Can delete or modify data Β· 2Makes network requests Β· 7Read-only tools Β· 12
Network at startup3 connections
Files written at startupNone
Install scriptsNone
npm provenanceNot published
Package age127 days
Maintainers1

Observed 2026-11-02 in an isolated sandbox. A description of reach, not a security audit.

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 5h ago via OSV.dev Β· @ojodotso/mcp-server (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks β€” not a rating.

npm downloads1kPackage downloads in the last 30 days.
Last commit4d agoMost recent push to the default branch.
Availability100%Our rolling endpoint + install checks that succeeded.
Install checkPassedOur sandbox started it and listed its tools.
Tools exposed14Callable tools this server registers over MCP.

How OJo β€” HTML to image works

What oJo β€” HTML to image does

oJo β€” HTML to image lets an MCP-compatible agent turn HTML or Handlebars content into browser previews, PNG images, and PDFs. The server communicates with an MCP client over local stdio. When an API key is available, it also connects to the oJo API at https://api.ojo.so/v1 for hosted output and template operations.

The service supports two rendering paths. Agents can provide plain HTML with inline CSS, or select an existing reusable template and supply replacement values. Template tools expose the account's available templates, return a template's decoded HTML and default variables, and create new templates from HTML or Handlebars.

How it works

The recommended workflow starts with create_preview_link. It produces an https://ojo.so/preview#draft=… URL containing a compressed draft in the URL hash. The draft is rendered in the browser by the same engine used for the final PNG, and the content is not sent to a server or stored by the preview flow. This makes the link suitable for sharing a draft with a reviewer before committing a render.

After reviewing the preview, an agent can call an image or PDF generation tool. Image rendering returns a public PNG URL. PDF rendering returns a public PDF URL and page count, supports up to 20 pages, and uses A4 unless the HTML includes a CSS @page rule that changes the page size. Requests longer than 20 pages are refused without consuming a credit.

Both image-generation tools support inspect: true, which adds a 512-pixel-wide thumbnail to confirm that rendering succeeded. The thumbnail is intended for basic validation rather than detailed layout or typography review. PDF previews show screen rendering and do not demonstrate final page breaks.

Setup and configuration

Install and launch the package through npx:

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

No account or key is needed for preview-only mode. Set OJO_API_KEY to enable hosted PNG and PDF URLs plus reusable template operations. OJO_API_BASE_URL can replace the default API endpoint, while OJO_WEB_BASE_URL changes the web application used for preview links; the latter is useful when developing against a local web app.

Tools and capabilities

  • create_preview_link creates a free, full-resolution preview for HTML or Handlebars drafts.
  • generate_image_from_html renders inline-styled HTML as a PNG.
  • generate_image_from_template renders a stored template with optional per-render overrides.
  • generate_pdf_from_html creates a PDF from HTML and reports its page count.
  • generate_pdf_from_template renders a stored template as a PDF.
  • list_templates, get_template, and create_template support template management.

Only the preview tool is registered without an API key. The remaining tools require authenticated access to the oJo API, and image or PDF generation uses one credit per render.

Limitations and notes

oJo β€” HTML to image accepts plain HTML with inline CSS for direct rendering. Template rendering depends on templates already available to the account or created through the template tools. Preview links are not a substitute for checking PDF pagination, and the optional inspection thumbnail is too small for precise visual review. The server uses stdio locally; its remote boundary is HTTP to the configured oJo API and preview web application.

Reviews

No reviews yet β€” be the first to share how it worked for you.

Frequently Asked Questions about OJo β€” HTML to image

oJo β€” HTML to image is an MCP server that connects an AI agent to the oJo rendering API over local stdio. Its main tools create browser previews, generate PNG images and PDFs from HTML, render reusable templates, and manage template data. Preview links work without an API key; hosted outputs and templates require one.

Install it by configuring your MCP client to run `npx -y @ojodotso/mcp-server`. The server uses local stdio transport, and no API key is needed for preview-only mode. Add `OJO_API_KEY` to the client environment when hosted PNGs, PDFs, or reusable templates are required.

Yes, it works with Cursor. Configure Cursor to launch `npx -y @ojodotso/mcp-server` over stdio, optionally adding `OJO_API_KEY` to enable the authenticated tools. The README also explicitly lists Claude Desktop and Claude Code as supported clients.

Call `generate_image_from_html` with HTML containing inline CSS. The tool renders the content as a PNG and returns a public URL. Set `inspect: true` if you also want a 512-pixel-wide thumbnail confirming that the render completed.

An oJo PDF can contain up to 20 pages. HTML longer than that is refused without consuming a credit. PDFs use A4 by default, unless a CSS `@page` rule specifies another size, and the response includes both the public URL and page count.

Related MCP servers

Add a badge to your READMEShow it’s listed β€” live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewOJo β€” HTML to image AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/ojo-html-to-image-2?style=directory)](https://allmcps.com/mcp/ojo-html-to-image-2)
HTML Embed
<a href="https://allmcps.com/mcp/ojo-html-to-image-2"><img src="https://allmcps.com/api/badge/ojo-html-to-image-2?style=directory" alt="OJo β€” HTML to image on AllMCPs" /></a>