⬡ WebMCP-powered

Let your agent
design the site.

A WebMCP server that gives AI agents structured tools to build real websites — pick a layout, style it, set copy, add images, and export to PDF.

Connect via WebMCP View manifest →
How it works

The agent drives.
You watch it happen.

01

Discover available layouts

The agent starts by listing what's available — three fixed HTML structures to choose from.

list_layouts
02

Create a session

Selecting a layout spins up an isolated workspace. Each session gets its own files — multiple users can build simultaneously.

select_layout
03

Examine the canvas

The agent inspects the HTML — every editable slot and CSS selector is returned so it knows exactly what it can touch.

examine_layout
04

Style, write, and add images

CSS declarations, copy, fonts, and images are applied tool-by-tool. Every change writes to disk and triggers a live reload in the preview tab.

set_style set_copy add_font add_image
05

Export

When the design is done, the agent renders it to a downloadable PDF.

export_pdf
Tools

Eight tools. Complete design control.

list_layouts
Returns all available layout templates with descriptions and section info.
select_layout
Creates an isolated multi-tenant session. Returns session_id and preview_url.
examine_layout
Returns all named slots and CSS selectors in the current session's HTML.
set_style
Applies CSS declarations to any selector. Merges with existing rules.
add_font
Loads a Google Font into the session and returns the font-family value to use.
set_copy
Sets text content of any named slot in the layout.
add_image
Sets an image URL for any slot — img src or CSS background.
export_pdf
Renders the current session to a PDF and returns a download URL.
Layouts

Three starting points.

Fixed HTML structure — the agent styles from here.

landing
Landing Page
Hero, features, about section, footer. Good for products and personal brands.
portfolio
Portfolio
Sidebar identity panel with image grid. Good for artists and designers.
article
Article
Editorial layout with article column and sidebar. Good for essays and writing.
Connect

Point your agent here.

Any agent that supports WebMCP can discover and use all tools automatically.

# WebMCP manifest
GET /.well-known/mcp.json

# Tool endpoints
POST /mcp/tool/list_layouts
POST /mcp/tool/select_layout
POST /mcp/tool/examine_layout
POST /mcp/tool/set_style
POST /mcp/tool/add_font
POST /mcp/tool/set_copy
POST /mcp/tool/add_image
POST /mcp/tool/export_pdf

# Live preview (auto-reloads on every tool call)
GET /preview/:session_id