CommunityCodierung & Entwicklunggithub.com

soydiazweb/wp-elementor-builder

Eine geführte Claude/Codex-Fähigkeit, die WordPress-Seiten in einer lokalen DDEV-Umgebung erstellt und dabei **nur native Elementor- und ProElements-Widgets** verwendet, ohne Theme-Dateien zu berühren.

Was ist wp-elementor-builder?

Diese Fähigkeit ermöglicht Claude AI (Codex/Claude Code), schnell und zuverlässig vollständige WordPress-Seiten mit Elementor zu erstellen, die in einer lokalen DDEV-Entwicklungsumgebung laufen. Sie stellt sicher, dass ausschließlich native Elementor- und ProElements-Widgets verwendet werden – keine benutzerdefinierten Widgets oder Theme-Datei-Änderungen. Dies ist ideal für Entwickler, die konsistente, wartbare Seitenlayouts benötigen, die direkt in DDEV getestet werden können, ohne Gefahr zu laufen, die Theme-Struktur zu beschädigen. Die Fähigkeit führt den Agenten durch den gesamten Workflow: vom Start der DDEV-Umgebung über die Navigation in WordPress, die Auswahl des Elementor-Builders bis hin zum Hinzufügen und Konfigurieren von Widgets mithilfe eines strukturierten, schrittweisen Ansatzes. Durch die Beschränkung auf die Standard-Widgets von Elementor vermeidet sie Abhängigkeits- und Kompatibilitätsprobleme und macht den Build-Prozess vorhersehbar und skalierbar. Sie unterstützt Claude Code und Codex und ist daher vielseitig für agentengestützte WordPress-Entwicklung einsetzbar.

Funktioniert mit✓Claude Code✓Codex CLI~Cursor
npx skills add soydiazweb/wp-elementor-builder

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht wp-elementor-builder?

Eine geführte Claude/Codex-Fähigkeit, die WordPress-Seiten in einer lokalen DDEV-Umgebung erstellt und dabei nur native Elementor- und ProElements-Widgets verwendet, ohne Theme-Dateien zu berühren.

Verwendung

  1. Stelle sicher, dass deine DDEV-Umgebung läuft (ddev start).
  2. Verwende den folgenden Befehl, um die Fähigkeit zu aktivieren:
ddev ssh -c "claude use soydiazweb/wp-elementor-builder"
  1. Folge den geführten Anweisungen von Claude, um:
    • Zum WordPress-Dashboard zu navigieren (z. B. http://<dein-ddev-name>.ddev.site/wp-admin)
    • Eine neue Seite über Seiten > Erstellen zu erstellen
    • Den Elementor-Builder zu öffnen (klicke auf „Mit Elementor bearbeiten“)
    • Ziehe per Drag & Drop native Widgets oder ProElements aus dem Elementor-Panel auf die Leinwand
    • Passe jedes Widget über die linke Seitenleiste an (Inhalt, Stil, Erweitert)
    • Veröffentliche oder aktualisiere die Seite

Warum diese Fähigkeit?

  • Keine Theme-Datei-Änderungen: Bewahrt Theme-Integrität und macht Updates einfacher.
  • Nur nativer Elementor: Stellt sicher, dass keine Abhängigkeiten zu Drittanbieter-Widgets bestehen.
  • DDEV-optimiert: Funktioniert nahtlos mit lokalen DDEV-Setups, die unter ddev describe verfügbar sind.
  • Wiederholbar: Jeder Build folgt denselben Schritten, wodurch er vorhersagbar und debug-freundlich ist.

Plattformen

  • Claude Code
  • Codex CLI

Lizenz

MIT

Verwandte Skills