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 a .json file written in the folder the agent works in —
named from its title the first time you give it one; set DECAFRAME_DOC to name it yourself.
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 my-deck.json
Opens the editor at app.decaframe.com in a window of its own, talking to this process over
loopback — nothing about the document leaves your machine. An agent and the editor may hold the
same file at once: what either saves, the other sees. Chrome or Edge for that live connection.
An agent hands you the same link: get_document and export_html both carry one.
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.