# Twombly

> A canvas for your coding agent's design explorations. The agent builds each version of a design as a live frame on one infinite canvas. Clicking Share gives the team one link with live cursors, following, comments on the frames and voice huddles.

Works with Claude Code, Codex, Cursor and any agent that can run a command, in any framework and any repo. The tool is the `twombly` package on npm. Its output is JSON.

For setup in your current agent, follow https://twombly.app/install. You can also install the skill with `npx skills add materic-inc/plugins --skill twombly` or from https://twombly.app/skill.md, or run `npx -y twombly@latest guide` and follow it.

- A frame is a folder of static files that runs with no server and no network: a real build, one component bundled with mock data, a frozen capture of a running page, or a picture.
- Gates check every frame for secrets, outside requests and server code, locally and again in the cloud.
- Canvases are hosted privately from creation. The agent never shares unless asked.
- `twombly context` returns what the person is looking at; `twombly comments` returns their feedback.

## Docs

- [Agent skill](https://twombly.app/skill.md): the short skill to install
- [Skill on GitHub](https://github.com/materic-inc/plugins/tree/main/twombly): install with `npx skills add materic-inc/plugins --skill twombly`
- [npm package](https://www.npmjs.com/package/twombly): install, commands and README

## Optional

- [Changes](https://twombly.app/changes): what's new, day by day
- [Privacy](https://twombly.app/privacy)
- [Terms](https://twombly.app/terms)