Get started with CanAI

Install the plugin, then pick how you want to build: by hand in the CanAI editor, or with an AI client over MCP.

1. Install & activate

  1. Download the latest zip from the home page (the Download button reads the live release from info.json).
  2. In WordPress: Plugins → Add New → Upload Plugin, choose the zip, then Activate.
  3. You should see a CanAI menu in wp-admin (All Templates, Welcome, AI Client, Settings, Tools).

If your host already ships CanAI as a managed install, skip the upload and go straight to Welcome.

2. Choose your path

Path A — Manual editor

Best when you want to write Twig / HTML / Tailwind yourself.

  1. Open CanAI → Welcome.
  2. Go to Tools → Editor, or open a page and use Edit with CanAI.
  3. Author HTML (Twig), CSS, and JavaScript in the tabs. Assign a layout template if you use one.
  4. Save, then Preview or view the public page.

Path B — AI client (MCP)

Best when an agent should create and edit pages for you.

  1. Open CanAI → AI Client → Connections.
  2. Generate an API key (label it, e.g. “Cursor — MacBook”).
  3. Point your MCP client at the site endpoint (/wp-json/mcp/wpcanai) using the key.
  4. Install skills: npx skills add usewp/canai
  5. Ask the agent to create or update a page; it uses the same abilities as the admin UI.

Welcome

CanAI Welcome screen in wp-admin

Welcome — jump to AI Client setup, templates, or Tools.

Manual: CanAI Editor

CanAI Editor editing a Home page with Twig HTML

Editor — HTML / CSS / JS tabs, layout picker, Save and Preview.

AI: MCP connections

CanAI AI Client Connections tab with MCP endpoint

AI Client → Connections — endpoint URL, generate key, auth options.

3. See it on the front end

Open the published page. CanAI renders the full Twig + Tailwind + Alpine + Lucide stack (admin bar only appears when you are logged in).

Example CanAI-rendered frontend homepage

Example frontend page built with CanAI.

4. Next steps