Draftly speaks MCP (Model Context Protocol) — an open standard, not tied to any one AI. Connect Claude Code, Cursor, Windsurf, Gemini CLI, or any MCP-compatible client, and your assistant can generate immersive sites, create images and video, edit projects, and publish live to your subdomain — all from your own chat.
MCP access requires a Draftly account on the Pro plan or above. Generate a key from your Settings page — it’s shown once, so copy it immediately. You can revoke a key any time from the same page.
Keys are stored as one-way hashes — Draftly never sees or stores the raw key after it’s issued. Treat it like a password: anyone with your key can act on your account (spending your credits).
The Draftly MCP server is a standard remote HTTP endpoint — it works with any client that supports Streamable-HTTP MCP servers with a custom auth header. Pick yours below.
Generate a Draftly API key from your Settings page, then run:
claude mcp add --transport http draftly https://www.draftly.space/api/mcp --header "Authorization: Bearer dfk_YOUR_KEY_HERE"
That’s it — ask Claude Code things like "check my Draftly credits" or "generate a Draftly site for a coffee brand and publish it."
Open Cursor Settings → MCP → Add new MCP server, and add this to your mcp.json:
{
"mcpServers": {
"draftly": {
"url": "https://www.draftly.space/api/mcp",
"headers": {
"Authorization": "Bearer dfk_YOUR_KEY_HERE"
}
}
}
}Save, then enable the Draftly server in the MCP panel. Cursor’s agent can now call Draftly tools directly in chat.
Open Windsurf Settings → Cascade → MCP Servers → Add server, and use this config:
{
"mcpServers": {
"draftly": {
"serverUrl": "https://www.draftly.space/api/mcp",
"headers": {
"Authorization": "Bearer dfk_YOUR_KEY_HERE"
}
}
}
}Refresh the MCP server list — Cascade will pick up all 10 Draftly tools automatically.
Add Draftly to your Gemini CLI settings.json under mcpServers:
{
"mcpServers": {
"draftly": {
"httpUrl": "https://www.draftly.space/api/mcp",
"headers": {
"Authorization": "Bearer dfk_YOUR_KEY_HERE"
}
}
}
}Restart the CLI, then run /mcp to confirm Draftly is connected.
Any MCP client that supports remote Streamable-HTTP servers with custom request headers will work. Point it at:
https://www.draftly.space/api/mcp
And send your key as a standard bearer header on every request:
Authorization: Bearer dfk_YOUR_KEY_HERE
10 tools cover the full loop — from a blank brief to a live site. Generation tools show you a free credit quote first; nothing spends until you (or your assistant, on your instruction) confirms.
| Tool | Cost | What it does |
|---|---|---|
| draftly_get_credits | Free | Check your credit balance, plan, and live-site capacity. |
| draftly_list_projects | Free | List your Draftly projects (id, name, published URL). |
| draftly_get_project | Free | Load a project’s metadata, or page through its saved HTML. |
| draftly_get_html_guide | Free | The full authoring contract — motion system, background-plate rules, form/auth hooks — for hand-writing Draftly-compatible HTML. |
| draftly_generate_image | 25 credits | Generate a cinematic reference or hero image. |
| draftly_generate_video | 34 credits / sec | Generate a cinematic background video from reference images. |
| draftly_generate_site | 228 credits | Generate a complete immersive site with Draftly’s own pipeline. |
| draftly_edit_site | 75 credits | Edit an existing project with an instruction — copy, style, layout tweaks. |
| draftly_host_assets | Free | Host your own images/logos and get back https URLs to use in a site. |
| draftly_publish_site | Free | Publish a project — or your own hand-written HTML — live at yourslug.draftly.space. |
Prefer to have your own Claude, GPT, or Gemini write the site HTML directly, and just use Draftly for media generation and hosting? That works too — skip draftly_generate_site entirely.
draftly_get_html_guide first — it returns the authoring contract (motion attributes, background-plate rules, form/auth hooks) your assistant needs to follow so the site renders correctly.draftly_generate_image / draftly_host_assets for any media.draftly_publish_site — it’s automatically validated and sanitized server-side before going live.Ready to connect?
Generate your API key