Document Tools

Step-by-step Guide Builder

Turn instructions and local screenshots into annotated guides, printable PDF, standalone HTML and editable project files.

interactive· Interactive resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL

curl -X POST 'https://api.elysiatools.com/en/api/tools/step-by-step-guide-builder' \
  -H 'Content-Type: application/json' \
  -d '{"startingBoard":"blank","language":"en"}'

API reference

Send a POST request with your inputs as JSON. File parameters require a separate upload first.

Endpoint

HTTP

POST https://api.elysiatools.com/en/api/tools/step-by-step-guide-builder

Parameters

Name	Type	Required	Description
startingBoard	select	No	—
language	select	No	—

Response format

Interactive result

JSON

{
  "result": "Initial display content",
  "interactive": true,
  "components": [
    {
      "type": "timer",
      "id": "timer1",
      "config": {
        "label": "Countdown",
        "duration": 60
      }
    }
  ],
  "state": {
    "key": "value"
  },
  "actions": [
    {
      "type": "start",
      "id": "start-btn",
      "label": "Start"
    }
  ],
  "styles": "/* Custom CSS */",
  "scripts": "/* Client-side scripts */",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

MCP integration

Add this tool to your Model Context Protocol server so AI agents can list and call it.

Server configuration

Add this block to your MCP client configuration:

mcp.json

{
  "mcpServers": {
    "elysiatools-step-by-step-guide-builder": {
      "name": "step-by-step-guide-builder",
      "description": "Turn instructions and local screenshots into annotated guides, printable PDF, standalone HTML and editable project files.",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=step-by-step-guide-builder",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

List available tools

After connecting to the SSE endpoint, list the exposed tools:

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Call this tool

Invoke the tool by its id, passing arguments built from its parameters:

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "step-by-step-guide-builder",
    "arguments": {
  "startingBoard": "blank",
  "language": "en"
}
  }
}

Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).

Questions or issues? Contact [email protected]

Browse tools Open tool

Name

Type

Required

Description

startingBoard

select

—

language

select

—

{ "result": "Initial display content", "interactive": true, "components": [ { "type": "timer", "id": "timer1", "config": { "label": "Countdown", "duration": 60 } } ], "state": { "key": "value" }, "actions": [ { "type": "start", "id": "start-btn", "label": "Start" } ], "styles": "/* Custom CSS */", "scripts": "/* Client-side scripts */", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }

{ "mcpServers": { "elysiatools-step-by-step-guide-builder": { "name": "step-by-step-guide-builder", "description": "Turn instructions and local screenshots into annotated guides, printable PDF, standalone HTML and editable project files.", "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=step-by-step-guide-builder", "command": "", "args": [], "env": {}, "isActive": true, "type": "sse" } } }