Squig agent plugin

Install a local wireframing workflow for Codex and other agents.

A workflow for your own agent

The plugin contains the wireframe-first skill. It guides the agent to continue your open canvas or selected local file, inspect the catalog, compare alternatives, preserve human edits and refine the chosen direction. It does not register a public MCP server, request hosted credentials or bundle the Squig runtime.

Install from a checkout

Clone this repository, then run these commands from the checkout to add its local marketplace to Codex and install Squig. Start a new task or reconnect after installation. Other agents can read the same skill as Markdown.

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

Continue the drawing you have open

Use Connect agent in the canvas and give the instructions to an agent with access to that existing tab. It verifies the current document ID and edits through window.squig or compatible WebMCP tools. Browser edits autosave without downloading a file or setting up a companion. An existing companion invitation instead reconnects the agent to that same local file.

Optional local MCP setup

For a chosen disk file, keep a separate local Squig checkout, install its dependencies, and build the editor with pnpm build:local. Configure the stdio MCP server with absolute checkout and file paths as shown in /docs/mcp, or start a companion and give its local connection details to an HTTP-capable agent. The installed plugin directory is not an application checkout. There is no SQUIG_API_KEY or authentication step for installing the skill.

Use it

Ask your agent to use your open Squig canvas to wireframe a page or app. Continue the existing drawing when one is available. The skill helps set up a companion only for a chosen disk-file workflow; it never assumes an unpublished npm package exists. Your agent's own coding tools implement the selected direction when requested.

Connect your agent and start sketching