Introduction

Blanc is a universal render surface. Send a JSON spec from any agent, API, or workflow — and get a live, shareable web page with a URL. No frontend code, no deployment, no hosting to manage.

How it works

1. Connect — Add the Blanc MCP server to your agent, or call the REST API directly
2. Describe — Send a JSON spec describing the UI you want (cards, grids, forms, tables, charts)
3. Get a URL — Blanc renders the spec as a live page at blanc.dev/d/{id}
4. Share — The URL is shareable, embeddable, and always live

Quick start

Install the skill (works with Claude Code, Cursor, VS Code, and 40+ agents):

npx skills add michedapt/blanc-sdk

Or add the MCP server directly to Claude Code:

claude mcp add blanc --transport http https://blanc.dev/api/mcp

Then ask your agent to create a page:

Create a revenue dashboard with three metric cards and a bar chart

The agent calls render-ui with a spec and returns a shareable URL.

Integration options

Or use the API directly

const res = await fetch("https://blanc.dev/api/v1/specs", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    spec: {
      root: "h",
      elements: {
        h: { type: "Heading", props: { text: "Hello from Blanc" }, children: [] }
      }
    }
  })
})

const { url } = await res.json()
// → "https://blanc.dev/d/Ab3x9_Kw"

No auth required for the free tier. 50 pages/month.