Documentation
Getting Started
Install NoLeemits AI Design, set your site up so the AI has something to work from, and build your first page — with or without an AI connected.
Requirements
- WordPress 6.4 or newer (tested to 7.0)
- PHP 8.0 or newer
- Any theme, including block themes
- An AI assistant that speaks MCP — optional, only needed for the AI design part
Install
- Plugins → Add New → Upload Plugin, choose the zip, install and activate.
- The plugin adds a Design Pages menu.
- Open Design Pages → Onboarding for the first-run wizard.
Your first page, without any AI
You do not need an AI account to use the editor.
- Design Pages → Add New.
- Add a section. Pick Content Mode if you want the friendly labelled form, or Advanced Mode to write
template_html,scoped_cssandsection_jsdirectly. - Save, then Preview — previews render in a sandboxed iframe, so they match the real front end.
- Publish.
Your first page, with AI
- Generate a bearer token: Design Pages → MCP Connection (or Settings → MCP Connection if you're an administrator managing everyone's tokens).
- Connect your client — see MCP Setup.
- Ask for what you want: "Design a homepage for a dental practice — hero, services, team, testimonials, contact." The AI reads your design tokens and style guide first, then writes the sections straight into your database.
- Open the page in Content Mode and refine the words yourself. That part costs nothing.
Set the site up properly first
Ten minutes here saves the AI from guessing, and makes everything it builds consistent:
- Settings → Design Tokens — your colours, fonts, spacing and corner radius. Every page reads these.
- Design Pages → Business Info — phone, email, address, social links. Referenced anywhere as
and friends, and used for LocalBusiness JSON-LD. - Design Pages → Global Sections — your header and footer, defined once, injected on every page.
The Settings screens
| Tab | What it controls |
|---|---|
| General | Site-wide defaults |
| Post Types | Which post types can be Design Pages, and the default render mode for each |
| Access | Which user roles may create and edit Design Pages |
| Revisions | How many versions to keep, and for how long |
| Caching | Render cache behaviour |
| Templates | Template assignments for posts, archives, search, 404 and the homepage |
| MCP | Bearer tokens and connection snippets |
| Advanced | Everything else |
View full sizeWhere things live
- Design Pages — your pages
- Design Pages → Section Library — reusable sections
- Design Pages → Global Sections — header and footer
- Design Pages → Business Info — the
{{business:*}}values - Design Pages → Comments — all feedback threads on the site
- Design Pages → Settings — everything above
Next
- MCP Setup — connect an AI assistant
- Content Fields & Sections — how a section actually works
- Theme Compatibility — full mode vs content mode