Squig agent plugin

A workflow, with the canvas attached

The repository includes plugins/squig: a Codex plugin manifest, a remote MCP definition, and a wireframing skill. The skill tells agents to inspect the catalog, explore distinct layouts, share the actual editable canvas before drawing, work alongside the human, and wait for a chosen direction before implementation. The remote MCP server supplies the actual canvas tools.

Install from the repository

Clone the Squig repository and add its bundled local marketplace to Codex, then install the Squig plugin. The repository includes .agents/plugins/marketplace.json and plugins/squig. Restart the client or start a new task after installation. If your client does not support plugins, use the MCP setup directly; the wireframe-first skill is also plain Markdown.

Install with the CLI

Run these commands from the cloned repository. A preview branch must be checked out before installation until this feature is merged.

codex plugin marketplace add .
codex plugin add squig@squig-plugins

Configure credentials

Copy a canvas key from Connect agent in the canvas (or create a workspace key at /connect for new canvases) and set SQUIG_API_KEY in the environment where your agent runs. The plugin’s .mcp.json references that environment variable. If your client does not expand variables in headers, use Codex’s bearer_token_env_var configuration from the MCP guide. Never commit your actual key into the plugin files.

Use the skill

Ask the agent to use Squig to wireframe a page or app before building it. The skill does not install code into your project, choose a framework or deploy a site. It gives your existing coding agent a repeatable design review step. Other agents can read the same skill as Markdown or use /llms.txt and the MCP guide resource.