Sitewright

Sitewright connects AI agents like Claude Code, Cursor and Codex to your Framer project. Ask for a change in your agent's chat and watch it happen in the editor: pages and layout, color tokens and text styles, components, CMS content, translations and redirects.

Every change goes into a local journal, so you can undo it one change at a time or go back to a checkpoint. Before handover, the agent can check SEO, broken links, images, accessibility and the layout on every breakpoint.

How to start:

1. Run npx -y sitewright@latest in a terminal. It adds Sitewright to Claude Code, Cursor or Codex.

2. Open this plugin in your project and click Connect.

What it needs: Node.js 24.11 or newer and an AI agent that supports MCP. No account or sign-in: everything runs on your computer. Optionally, your project's Server API key adds effects, variants, components and screenshots.

Free and open source (MIT): https://github.com/maximwas/framer-sitewright