Element Node MCP server
Commit 14. Okt. 2026Ermöglicht es AI Agents, komplette Websites über ein visuelles CMS zu erstellen und zu verwalten, das manuelle Anpassungen über einen Elementor-ähnlichen Editor unterstützt.
Auch bekannt als LorenzArtik/element-node, element-node-mcp
- Stars
- 0
- Tools
- —
- Downloads, 30 Tage
- —
- Neueste Version
- —
- Letzter Commit
- 14. Okt. 2026
- Lizenz
- AGPL-3.0
Was ist Element Node MCP?
Element Node ist ein MCP server. Ermöglicht es AI Agents, komplette Websites über ein visuelles CMS zu erstellen und zu verwalten, das manuelle Anpassungen über einen Elementor-ähnlichen Editor unterstützt.
Zusammenfassung generiert aus dem README des Projekts
Über Element Node MCP server
Element Node ist ein self-hosted visuelles Content Management System, das speziell dafür entwickelt wurde, dass AI Agents Websites konstruieren und verwalten können. Es nutzt einen Stack aus Next.js 15, Prisma und MySQL, um eine Plattform bereitzustellen, auf der Agents komplette Seiten basierend auf Briefings oder Clones erstellen können. Sobald der Agent den ersten Build abgeschlossen hat, können nicht-technische Nutzer übernehmen, indem sie einen visuellen Editor im Elementor-Stil mit einer Drei-Panel-Oberfläche und Drag-and-Drop-Funktionen nutzen.
Entwickler können sich über einen MCP server mit Clients wie Cursor und Windsurf verbinden oder den offiziellen Claude Code skill nutzen. Der Server bietet Tools für die Verwaltung von Pages, Themes, Media sowie für den vollständigen Import oder Export von Site Blueprints. Er benötigt einen lokalen oder Remote-Server mit Node.js 20 oder höher sowie eine MySQL- oder MariaDB-Datenbank. Nutzer können zudem über eine REST API mit Bearer API Keys für spezifische Scopes wie Site Import oder Export mit dem System interagieren.
Was du damit machen kannst
- 1Automatisierte Website-ErstellungEin AI Agent kann eine komplette Website aus einem einfachen Text-Briefing oder durch das Klonen einer bestehenden Seite erstellen.
- 2Visuelle InhaltsanpassungEin nicht-technischer Kunde kann Website-Sektionen nach Abschluss der Agenten-Arbeit manuell über eine Drag-and-Drop-Oberfläche bearbeiten.
- 3Migration von Site BlueprintsEntwickler können gesamte Website-Strukturen zwischen Instanzen verschieben, indem sie JSON Import- und Exportfunktionen nutzen.
- 4Verifizierung der visuellen GenauigkeitEin Agent kann visuelle Vergleiche zwischen einem Screenshot und der gebauten Seite durchführen, um die Genauigkeit sicherzustellen.
Geschrieben aus dem README des Projekts. Jeder Use Case wurde gegen ein Zitat daraus geprüft.
So installierst du Element Node MCP
Formate geprüft am 10. Nov. 2026Zu Cursor hinzufügenZu Goose hinzufügenElement Node MCP in Claude Code installieren
$ claude mcp add element-node -- npx -y element-node-mcpElement Node MCP in Cursor installieren
~/.cursor/mcp.json
{
"mcpServers": {
"element-node": {
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Element Node MCP in VS Code installieren
.vscode/mcp.json
{
"servers": {
"element-node": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Element Node MCP in VS Code CLI installieren
$ code --add-mcp '{"name":"element-node","type":"stdio","command":"npx","args":["-y","element-node-mcp"]}'Element Node MCP in Claude Desktop installieren
claude_desktop_config.json
{
"mcpServers": {
"element-node": {
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Element Node MCP in Codex installieren
$ codex mcp add element-node -- npx -y element-node-mcpElement Node MCP in Codex config.toml installieren
~/.codex/config.toml
[mcp_servers.element-node] command = "npx" args = ["-y", "element-node-mcp"]
Element Node MCP in Gemini CLI installieren
$ gemini mcp add -s user element-node npx -- -y element-node-mcpElement Node MCP in Gemini settings.json installieren
~/.gemini/settings.json
{
"mcpServers": {
"element-node": {
"command": "npx",
"args": [
"-y",
"element-node-mcp"
]
}
}
}Automatisierte Checks
Geluften am 15. Nov. 2026Vollständiger Bericht →Noch nicht verifiziert. Ein Server benötigt einen Score von 80, keine kritischen Befunde und genug Daten für unsere Prüfung. Wie die Checks funktionieren · Was du für mehr Punkte verbessern kannst
- Source Repository verknüpft und erreichbarlorenzartik/element-node is public and reachablegithub.com/lorenzartik/element-node ↗Bestanden
- Paket nennt dieses Repository als Quelleelement-node-mcp names lorenzartik/element-node as sourcenpmjs.com/package/element-node-mcp ↗Bestanden
- Build-Provenienz (Sigstore-Attestierung)No build attestation published for this releaseNicht geprüft
- Open Source Lizenz (OSI)AGPL-3.0spdx.org/licenses/AGPL-3.0.html ↗Bestanden
- Commit oder Release im letzten JahrLast commit or release 2026-10-14github.com/lorenzartik/element-node ↗Bestanden
- OpenSSF ScorecardNicht geprüft
- Package-Name ähnelt keinem populären PackageNo popular package one edit away from element-node-mcpBestanden
- Keine kritischen Advisories im Paket oder seinen AbhängigkeitenNicht geprüft
- Keine versteckten Anweisungen an das Modell0 tool descriptions and the README read; no override phrases, credential paths or hidden charactersBestanden
- Destruktive Tools sind markiertNicht geprüft
- Remote-Endpoint beantwortet den MCP-HandshakeNicht geprüft
README
Auf GitHub ansehenElement 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.
Element Node MCP Fragen
Wie füge ich Element Node MCP zu Claude Code hinzu?
Führe claude mcp add element-node -- npx -y element-node-mcp in deinem Terminal aus. Füge --scope user hinzu, damit der Server in jedem Projekt verfügbar ist.
Wie füge ich Element Node MCP zu Cursor hinzu?
Öffne ~/.cursor/mcp.json und füge den Server unter mcpServers hinzu, mit der Cursor-Config aus dem Installationsabschnitt oben.
Kann ich es selbst hosten?
Ja, es ist eine Self-hosted-Lösung, bei der du deinen eigenen Server und deine Daten kontrollierst.
Mit welchen Technologien wurde es gebaut?
Das CMS basiert auf Next.js 15, Prisma, MySQL, NextAuth v5, Tailwind, @dnd-kit, TipTap und sharp.
Benötigt das CMS eine Lizenz, um zu funktionieren?
Der CMS-Core ist AGPL-3.0 und funktioniert ohne Lizenz; eine Lizenz wird nur benötigt, um verwaltete Updates, Security Patches und Support zu aktivieren.