Pixelesq — Claude Code MCP server: what it does, how to install
Edits and publishes Pixelesq websites straight from your AI chat. It handles page layout, collection entries, SEO metadata, and traffic metrics.
claude mcp add --transport http pixelesq https://mcp.pixelesq.app/mcpWhat Pixelesq does
This connector links your coding agent to Pixelesq websites via HTTP and OAuth 2.1. It exposes 68 tools covering page layouts, section reordering, blog entries, form schemas, and Search Console metrics. In Claude environments, only 62 tools appear because image generation tools are omitted.
Edits never touch production directly. Every update writes to an isolated draft first. The server enforces revision tracking via lastVersion to prevent accidental overwrites during concurrent edits.
You need an active account at https://app.pixelesq.ai with at least one project before connecting.
What it helps with
- Rearrange page sections and layout blocks without manual coding
- Add new blog entries and update structured collection data
- Audit indexing status and inspect search performance via Search Console
- Manage URL redirects and edit page metadata
Example prompts for the agent
- Inspect the Search Console index status for our blog pages
- Insert a new testimonial section on the home page draft
- Create a new entry in the articles collection with custom SEO tags
How to install Pixelesq
Platform CLI: remote server
claude mcp add --transport http pixelesq https://mcp.pixelesq.app/mcpPlatform CLI: remote server
codex mcp add pixelesq --url https://mcp.pixelesq.app/mcpConfig file
{
"mcpServers": {
"pixelesq": {
"url": "https://mcp.pixelesq.app/mcp"
}
}
}Config file
{
"servers": {
"pixelesq": {
"type": "http",
"url": "https://mcp.pixelesq.app/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http pixelesq https://mcp.pixelesq.app/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Pixelesq
How do I install Pixelesq in Claude Code?
Run claude mcp add --transport http pixelesq https://mcp.pixelesq.app/mcp. Once added, complete the browser OAuth sign-in flow.
What does the Pixelesq MCP server do?
It lets your agent manage site themes, rearrange page sections, edit collection entries, and inspect analytics. All modifications stay in drafts until you approve publishing.
How does the server protect live websites from accidental changes?
All updates apply to drafts and reach production only after an explicit publish call. The connector also tracks lastVersion across edits, preventing conflicting concurrent saves.
