decaframe

Agents author. Humans edit. The frame lints.

decaframe is an MCP server that lets a coding agent write presentations, reports and one-pagers as visual documents, a WYSIWYG editor a person opens on the same file, and an export to one HTML file that opens anywhere.

Install

npm install -g decaframe

Node 22 or later. The headless browser the export renders with is downloaded once, in the background, the first time deca runs, about 100 MB from Playwright's own servers. Until it lands, an export says so.

Connect an agent

Add the server to your client. For Claude Code, Cursor, Windsurf and most others the entry is:

{ "mcpServers": { "decaframe": { "command": "npx", "args": ["-y", "decaframe", "mcp"] } } }

Then ask for a deck. The document is written to document.json in the folder the agent works in; set DECAFRAME_DOC to put it elsewhere.

The skill that teaches an agent to design with the tools installs into every agent on the machine:

npx skills add decaframe/decaframe

Open a document yourself

deca open document.json

Serves the editor on a free port and opens it in a window. An agent and the editor may hold the same file at once: what either saves, the other sees.

Export

Ask the agent for export_html, or from the editor's menu. The file expects the internet for its fonts, pictures and video, and degrades gracefully without it.

Documentation

https://github.com/decaframe/decaframe

Licence

Commercial. See LICENSE.