HTML/CSS to Image

A workflow step names the app and the action, and the editor fills in the connection when you pick one. This is the Step shape from the workflow spec, carrying HTML/CSS to Image's real ids.

{
  "manifestVersion": "2",
  "name": "htmlcsstoimage-example",
  "steps": [
    {
      "id": "image-create-html",
      "uses": {
        "app": "io.w6w.htmlcsstoimage",
        "action": "image-create-html",
        "connection": "conn_YOUR_CONNECTION_ID"
      },
      "with": {
        "html": "<html>"
      }
    }
  ]
}

Here are some of the things you can do

• Create Image from HTML/CSS

  perform
  image-create-html

• Create Image from Template

  perform
  image-create-template

• Create Image from URL

  perform
  image-create-url

• Get Image

  read
  image-get

• List Images

  read
  image-list

+7 more actions available

Every app-specific value here is a blank you have to fill in. An app action is reached through the connection that authenticates it, so the address is a connection id, not the app id — and connections belong to your account, so a public page cannot know yours. Create one for HTML/CSS to Image, then fill in the three blanks: conn_YOUR_CONNECTION_ID, the action key, and the parameters that action declares. The call itself is real — the shape is transcribed from the studio's own snippet builder, which prints the same kind of blanks — but nothing in it is specific to HTML/CSS to Image. The Workflow tab is where this app's real ids are.

npm install @w6w/sdk

yarn add @w6w/sdk

pnpm add @w6w/sdk

deno add npm:@w6w/sdk

import { W6wClient, isActionRun } from "@w6w/sdk";

// Reads W6W_BASE_URL and W6W_TOKEN from the environment when omitted.
const client = new W6wClient();

const envelope = await client.run({
  urn: "conn_YOUR_CONNECTION_ID",
  action: "image-create-html",
  payload: {
    html: "<value>",
    // css: "<value>",
    // google_fonts: "<value>",
    // format: "<value>",
    // device_scale: "<value>",
    // viewport_width: "<value>",
    // viewport_height: "<value>",
    // selector: "<value>",
    // ms_delay: "<value>",
    // max_wait_ms: "<value>",
    // color_scheme: "<value>",
    // media_type: "<value>",
    // timezone: "<value>",
    // transparent_background: "<value>",
    // render_when_ready: "<value>",
    // dedupe_duration_s: "<value>",
    // metadata: "<value>",
    // pdf_options: "<value>",
  },
});

if (isActionRun(envelope)) console.log(envelope.value);

npm install -g @w6w/cli

w6w run conn_YOUR_CONNECTION_ID --action image-create-html --payload '{"html":"<value>"}'

Give an AI agent HTML/CSS to Image — without giving it HTML/CSS to Image's credentials. One MCP endpoint exposes every app, function and workflow the caller is entitled to, as tools it can discover and run. Access is granted per team while we onboard.

{
  "name": "w6w_invoke",
  "arguments": {
    "ref": "app:io.w6w.htmlcsstoimage#image-create-html",
    "input": {
      "html": "<html>"
    }
  }
}

Every tool names its target with a single ref. The app: form above doesn't name a connection at all — the host resolves which of the caller's HTML/CSS to Image connections to sign with, and refuses rather than guesses when the answer is ambiguous.

What the agent gets

The MCP surface is part of the hosted platform. HTML/CSS to Image itself is MIT, and the runtime that executes it is source-available (FSL).

Request MCP access