Serveur MCP Element Node
Commit 14 oct. 2026Permet aux agents IA de construire et de gérer des sites web complets via un CMS visuel prenant en charge l'édition manuelle grâce à un éditeur de type Elementor.
Aussi connu sous LorenzArtik/element-node, element-node-mcp
- Étoiles
- 0
- Outils
- —
- Téléchargements, 30 jours
- —
- Dernière version
- —
- Dernier commit
- 14 oct. 2026
- Licence
- AGPL-3.0
Qu'est-ce que Element Node MCP ?
Element Node est un serveur MCP. Permet aux agents IA de construire et de gérer des sites web complets via un CMS visuel prenant en charge l'édition manuelle grâce à un éditeur de type Elementor.
Résumé généré à partir du README du projet
À propos du MCP server Element Node
Element Node est un système de gestion de contenu visuel auto-hébergé conçu pour permettre aux agents IA de construire et de gérer des sites web. Il utilise une stack composée de Next.js 15, Prisma et MySQL pour fournir une plateforme où les agents peuvent bâtir des sites entiers à partir de briefs ou de clones. Une fois que l'agent a terminé la construction initiale, des utilisateurs non techniques peuvent prendre le relais grâce à un éditeur visuel de type Elementor, doté d'une interface à trois panneaux avec des fonctionnalités de drag and drop.
Les développeurs peuvent se connecter au système via un MCP server compatible avec des clients comme Cursor et Windsurf, ou en utilisant le SKILL officiel de Claude Code. Le serveur fournit des outils pour gérer les pages, les thèmes, les médias, ainsi que l'importation ou l'exportation complète de Site Blueprint. Il nécessite un serveur local ou distant exécutant Node.js 20 ou une version supérieure, ainsi qu'une base de données MySQL ou MariaDB. Les utilisateurs peuvent également interagir avec le système via une API REST en utilisant des clés API Bearer pour des scopes spécifiques tels que l'import ou l'export de site.
Ce que vous pouvez faire avec
- 1Construction automatisée de sites webUn agent IA peut construire un site web complet à partir d'un simple brief textuel ou en clonant un site existant.
- 2Affinement visuel du contenuUn client non technique peut éditer manuellement les sections du site web à l'aide d'une interface drag and drop une fois que l'agent a terminé son travail.
- 3Migration de blueprint de siteLes développeurs peuvent déplacer des structures de sites web entières entre différentes instances en utilisant les fonctions d'import et d'export JSON.
- 4Vérification de la fidélité visuelleUn agent peut effectuer des comparaisons visuelles entre une capture d'écran et un site construit pour garantir la précision du rendu.
Extrait du README du projet. Chaque cas d'utilisation est vérifié par rapport à une citation du document.
Comment installer Element Node MCP
Formats vérifiés le 10 nov. 2026Ajouter à CursorAjouter à GooseInstaller Element Node MCP dans Claude Code
$ claude mcp add element-node -- npx -y element-node-mcpInstaller Element Node MCP dans Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"element-node": {
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Installer Element Node MCP dans VS Code
.vscode/mcp.json
{
"servers": {
"element-node": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Installer Element Node MCP dans VS Code CLI
$ code --add-mcp '{"name":"element-node","type":"stdio","command":"npx","args":["-y","element-node-mcp"]}'Installer Element Node MCP dans Claude Desktop
claude_desktop_config.json
{
"mcpServers": {
"element-node": {
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Installer Element Node MCP dans Codex
$ codex mcp add element-node -- npx -y element-node-mcpInstaller Element Node MCP dans Codex config.toml
~/.codex/config.toml
[mcp_servers.element-node] command = "npx" args = ["-y", "element-node-mcp"]
Installer Element Node MCP dans Gemini CLI
$ gemini mcp add -s user element-node npx -- -y element-node-mcpInstaller Element Node MCP dans Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"element-node": {
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Vérifications automatisées
Exécuté le 15 nov. 2026Rapport complet →Pas encore vérifié. Un serveur nécessite un score de 80, aucune faille sérieuse et suffisamment de données pour que nous puissions effectuer les vérifications. Fonctionnement des vérifications · Ce qu'il faut corriger pour gagner des points
- Dépôt source lié et accessiblelorenzartik/element-node is public and reachablegithub.com/lorenzartik/element-node ↗Réussi
- Le nom du package correspond au dépôt sourceelement-node-mcp names lorenzartik/element-node as sourcenpmjs.com/package/element-node-mcp ↗Réussi
- Provenance du build (attestation Sigstore)No build attestation published for this releaseNon vérifié
- Licence open source (OSI)AGPL-3.0spdx.org/licenses/AGPL-3.0.html ↗Réussi
- Commit ou version publiée au cours de l'année écouléeLast commit or release 2026-10-14github.com/lorenzartik/element-node ↗Réussi
- OpenSSF ScorecardNon vérifié
- Nom du package non proche d'un package populaireNo popular package one edit away from element-node-mcpRéussi
- Aucun avis critique dans le package ou ses dépendancesNon vérifié
- Aucune instruction cachée destinée au modèle0 tool descriptions and the README read; no override phrases, credential paths or hidden charactersRéussi
- Les outils destructifs sont étiquetésNon vérifié
- Le point de terminaison distant répond à la poignée de main MCPNon vérifié
README
Voir sur 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.
Questions sur Element Node MCP
Comment ajouter Element Node MCP à Claude Code ?
Exécutez claude mcp add element-node -- npx -y element-node-mcp dans votre terminal. Ajoutez --scope user pour le rendre disponible dans tous les projets.
Comment ajouter Element Node MCP à Cursor ?
Ouvrez ~/.cursor/mcp.json et ajoutez le serveur sous mcpServers, avec la configuration Cursor indiquée dans la section d'installation ci-dessus.
Puis-je l'héberger moi-même ?
Oui, il s'agit d'une solution auto-hébergée où vous contrôlez votre propre serveur et vos données.
Avec quelles technologies est-il construit ?
Le CMS est construit avec Next.js 15, Prisma, MySQL, NextAuth v5, Tailwind, @dnd-kit, TipTap et sharp.
Le CMS nécessite-t-il une licence pour fonctionner ?
Le cœur du CMS est sous licence AGPL-3.0 et fonctionne sans licence ; une licence est uniquement requise pour activer les mises à jour gérées, les correctifs de sécurité et le support.