MCP server de Element Node
Commit 14 oct 2026Permite a los agentes de IA construir y gestionar sitios web completos a través de un CMS visual que admite refinamiento manual mediante un editor estilo Elementor.
También conocido como LorenzArtik/element-node, element-node-mcp
- Stars
- 0
- Herramientas
- —
- Descargas, 30 días
- —
- Última versión
- —
- Último commit
- 14 oct 2026
- Licencia
- AGPL-3.0
¿Qué es Element Node MCP?
Element Node es un MCP server. Permite a los agentes de IA construir y gestionar sitios web completos a través de un CMS visual que admite refinamiento manual mediante un editor estilo Elementor.
Resumen generado a partir del README del proyecto
Acerca del MCP server de Element Node
Element Node es un sistema de gestión de contenidos visual y self-hosted diseñado para que los agentes de IA construyan y gestionen sitios web. Utiliza un stack de Next.js 15, Prisma y MySQL para proporcionar una plataforma donde los agentes pueden crear sitios completos a partir de briefs o clones. Una vez que el agente completa la construcción inicial, los usuarios no técnicos pueden tomar el control utilizando un editor visual estilo Elementor que cuenta con una interfaz de tres paneles y capacidades de drag and drop.
Los desarrolladores pueden conectarse al sistema a través de un MCP server compatible con clientes como Cursor y Windsurf, o utilizando la skill oficial de Claude Code. El servidor proporciona herramientas para gestionar páginas, temas, archivos multimedia y la importación o exportación completa de Site Blueprints. Requiere un servidor local o remoto con Node.js 20 o superior y una base de datos MySQL o MariaDB. Los usuarios también pueden interactuar con el sistema mediante una REST API utilizando Bearer API keys para alcances específicos como la importación o exportación de sitios.
Qué puedes hacer con él
- 1Construcción automatizada de sitios webUn agente de IA puede construir un sitio web completo a partir de un simple brief de texto o clonando un sitio existente.
- 2Refinamiento visual de contenidoUn cliente sin conocimientos técnicos puede editar manualmente las secciones del sitio web usando una interfaz de drag and drop una vez que el agente ha terminado.
- 3Migración de blueprints de sitiosLos desarrolladores pueden mover estructuras de sitios web completas entre instancias utilizando funciones de importación y exportación en JSON.
- 4Verificación de fidelidad visualUn agente puede realizar comparaciones visuales entre una captura de pantalla y un sitio construido para garantizar la precisión.
Escrito a partir del README del proyecto. Cada caso de uso se verifica con una cita del mismo.
Cómo instalar Element Node MCP
Formatos verificados el 10 nov 2026Añadir a CursorAñadir a GooseInstalar Element Node MCP en Claude Code
$ claude mcp add element-node -- npx -y element-node-mcpInstalar Element Node MCP en Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"element-node": {
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Instalar Element Node MCP en VS Code
.vscode/mcp.json
{
"servers": {
"element-node": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Instalar Element Node MCP en VS Code CLI
$ code --add-mcp '{"name":"element-node","type":"stdio","command":"npx","args":["-y","element-node-mcp"]}'Instalar Element Node MCP en Claude Desktop
claude_desktop_config.json
{
"mcpServers": {
"element-node": {
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Instalar Element Node MCP en Codex
$ codex mcp add element-node -- npx -y element-node-mcpInstalar Element Node MCP en Codex config.toml
~/.codex/config.toml
[mcp_servers.element-node] command = "npx" args = ["-y", "element-node-mcp"]
Instalar Element Node MCP en Gemini CLI
$ gemini mcp add -s user element-node npx -- -y element-node-mcpInstalar Element Node MCP en Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"element-node": {
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Verificaciones automáticas
Ejecutado 15 nov 2026Informe completo →Aún no verificado. Un servidor necesita una puntuación de 80, ningún hallazgo grave y suficientes datos para que podamos revisarlo. Cómo funcionan las verificaciones · Qué corregir para obtener más puntos
- Repositorio de origen vinculado y accesiblelorenzartik/element-node is public and reachablegithub.com/lorenzartik/element-node ↗Aprobado
- El paquete indica este repositorio como su origenelement-node-mcp names lorenzartik/element-node as sourcenpmjs.com/package/element-node-mcp ↗Aprobado
- Procedencia de la compilación (atestación de Sigstore)No build attestation published for this releaseNo verificado
- Licencia de código abierto (OSI)AGPL-3.0spdx.org/licenses/AGPL-3.0.html ↗Aprobado
- Commit o lanzamiento en el último añoLast commit or release 2026-10-14github.com/lorenzartik/element-node ↗Aprobado
- OpenSSF ScorecardNo verificado
- El nombre del paquete no es similar a un paquete popularNo popular package one edit away from element-node-mcpAprobado
- No hay avisos críticos en el paquete ni en sus dependenciasNo verificado
- Sin instrucciones ocultas para el modelo0 tool descriptions and the README read; no override phrases, credential paths or hidden charactersAprobado
- Las herramientas destructivas están etiquetadasNo verificado
- El endpoint remoto responde al handshake de MCPNo verificado
README
Ver en GitHubElement Node
The AI-agent CMS your clients can still edit visually.
Element Node is an open-source visual CMS built on Next.js 15 + Prisma/MySQL. AI agents build entire sites on it — through the official Claude Code skill or the MCP server (Cursor, Windsurf, any MCP client) — and after the agent is done, the site stays in an Elementor-style visual editor that a non-technical client can safely use. Self-hosted: your server, your data.
🇮🇹 Documentazione in italiano: elementnode.cloud/it/docs
Quickstart
bash <(curl -fsSL https://elementnode.cloud/install.sh)
Requirements: Node.js ≥ 20, MySQL/MariaDB. The installer clones the repo, installs dependencies, creates .env and the DB schema, builds, and leaves you at the /install wizard (admin user, site, AI).
Non-interactive mode (for AI agents / provisioning): export DB_NAME, DB_USER, DB_PASS, SITE_URL (optional DB_HOST, DB_PORT) before running — no prompts. For Plesk see PLESK_DEPLOY.md.
One-prompt setup: the entire path — server, CMS, skill and first site — can be driven by a single prompt pasted into Claude Code. Template: elementnode.cloud/it/docs#prompt
Built for AI agents
| Integration | For | What it does |
|---|---|---|
| Official skill | Claude Code / Codex | Builds entire sites: from a brief, or pixel-perfect clones of existing sites verified by a visual-comparison agent (screenshot → diff → fix, until convergence) |
| MCP server | Cursor, Windsurf, any MCP client | Pages, theme, media, full Site Blueprint import/export, always-fresh widget docs |
| REST API | Anything else | Bearer API keys with scopes (site.import, site.export, …) |
Real production numbers (agent build time, human review on top): a 24-page WordPress migration in ~1 hour · a complete bilingual site in half a day · a React SPA cloned at 95/100 automated visual fidelity in ~2 hours. See showcase.
What's in the box
- Visual editor — 3-panel Elementor-style UI: widget library · canvas · properties. Drag & drop, inline text editing, undo/redo, revisions, responsive preview, style controls (spacing, borders, shadows, gradients)
- 51 native widgets — heading, text, button, image, video, icon-box, counters, tabs, accordion, gallery, contact form, posts grid, marquee, nav drawer, nested boxes…
- Theme blocks — global header/footer with display conditions + priority (per-URL-prefix → native multilingual sites)
- Content — pages (nested slugs), posts, custom post types + taxonomies, redirects, popups
- Forms — reusable form entities, submissions in DB, SMTP/Brevo delivery, GDPR consent fields
- Privacy — native cookie consent banner (variants per language, click-to-load embeds), site access modes (public / password / maintenance) with automatic noindex
- AI built in (bring your own Anthropic key) — editor chat that generates and edits sections, one-click SEO (title/description/keyword in the page's language)
- SEO — per-page meta, OG image, sitemap, robots, SEO score panel
- Media — local uploads, sharp-optimized thumbnails (WebP/AVIF), lazy loading
- Ops — 1-click self-update from the panel (with automatic pre-update DB backup), multi-user roles, API keys, health endpoint
- Performance — React Server Components, standalone output, HTTP cache + ISR. No plugin ecosystem needed: it's all native
Stack
Next.js 15 (App Router, standalone output) · Prisma + MySQL · NextAuth v5 · Tailwind · @dnd-kit · TipTap · sharp · Anthropic Claude (optional, BYO key)
Architecture notes
- Public pages render through
PageRenderer(RSC) with a responsive core (columns stack under 768px, opt-out per column) - Content is a JSON tree: sections → columns → widgets (see skill/element-node-builder/references/widget-reference.md)
- Site Blueprint import/export moves whole sites as JSON (merge or replace)
- License validation is fail-open: the CMS works without a license — a license activates managed updates, security patches and support (pricing)
License
- CMS core: AGPL-3.0 — free to use, self-host and modify. Building and running your own sites (or client sites) carries no obligations; the AGPL kicks in only if you modify the CMS and offer it to others as a service.
- Claude Code skill and MCP server: MIT — integrate freely.
Managed updates, security patches, priority support and the white-label agency tier are commercial: elementnode.cloud/en/pricing. For commercial licensing outside AGPL terms, get in touch.
Preguntas sobre Element Node MCP
¿Cómo agrego Element Node MCP a Claude Code?
Ejecuta claude mcp add element-node -- npx -y element-node-mcp en tu terminal. Añade --scope user para que esté disponible en todos los proyectos.
¿Cómo agrego Element Node MCP a Cursor?
Abre ~/.cursor/mcp.json y añade el servidor en mcpServers, usando la configuración de Cursor que se muestra en la sección de instalación de arriba.
¿Puedo alojarlo yo mismo?
Sí, es una solución self-hosted donde tú controlas tu propio servidor y tus datos.
¿Con qué tecnologías está construido?
El CMS está construido con Next.js 15, Prisma, MySQL, NextAuth v5, Tailwind, @dnd-kit, TipTap y sharp.
¿Requiere el CMS una licencia para funcionar?
El núcleo del CMS es AGPL-3.0 y funciona sin licencia; solo se requiere una licencia para activar actualizaciones gestionadas, parches de seguridad y soporte.