DesignSetGo apps
Wie es funktioniert Beispiele Dokumentation Preise Blog WP Blocks Kostenlos installieren

Documentation

Five minutes from installed to shipped.

Three paths to a live app. Drop a saved HTML page in wp-admin (Path A). Upload a packaged bundle with a manifest (Path B). Or scaffold and deploy from your editor with the CLI (Path C). The Riff AI builder adds the in-admin Pro path, and Connect lets claude.ai, chatgpt.com, Cursor, or Claude Desktop build apps over MCP.

Kostenloses Plugin installieren

Plugin installieren

Lade den kostenloses Plugin-Zip, dann gehe im wp-admin zu Plugins → Neu hinzufügen → Plugin hochladen, wählen Sie das Zip und aktivieren Sie es. (Ein WordPress.org-Eintrag wird überprüft und diese Seite wird aktualisiert, sobald er live ist.) Das Plugin funktioniert auf WordPress 6,9 und höher; WordPress 7.0 (20. Mai 2026) ist erforderlich für dsgo.ai.prompt() und den Riff-Builder im Admin-Bereich. Die Nutzung von Abilities hängt von der Verfügbarkeit der Abilities API der Website ab und verschlechtert sich, wenn die API oder eine benannte Ability fehlt.

Nach der Aktivierung sehen Sie DSGo Apps in der wp-admin-Seitenleiste.

Free vs. Pro

Welche Pfade funktionieren mit welchem Tarif?

Pfad / FunktionKostenlosProStudio
Pfad A, ein HTML-Artefakt im wp-admin hochladenja, 1 aktive Appja, unbegrenzte aktive Appsja, unbegrenzte aktive Apps
Pfad B, ein gepacktes Bundle im wp-admin hochladenja, 1 aktive Appja, unbegrenzte aktive Appsja, unbegrenzte aktive Apps
Pfad C, CLI-Scaffold + Deployment aus dem Editornur Init; Deployment ist Proja, unbegrenzte aktive Appsja, unbegrenzte aktive Apps
Riff, KI-Builder im Admin-Bereichneinenthaltenenthalten
Apps-as-Abilities-Veröffentlichung ( abilities.publishes)installiert, inaktivaktivaktiv
Geplante Jobs / Webhook-Endpunkteinstalliert, inaktivaktivaktiv
Live-dynamische Routen ( wp:posts, wc:products)installiert, inaktivaktivaktiv
Multi-Site-CLI-Deployment ( --sites=a,b,c)neinStudio-Stufeenthalten
White-Labelneinneinenthalten

Free installiert so viele Bundles wie du möchtest über wp-admin Upload, aber nur eines ist zu einem Zeitpunkt aktiv (wechselbar pro App in der Apps-Liste). Nur-Pro-Runtime-Deklarationen können auf Free installiert werden, aber das zugangskontrollierte Verhalten bleibt inaktiv, bis eine Pro-Lizenz oder Testversion aktiv ist. Preise ansehen →

Pfad A, Artefakt hochladen (kein Terminal erforderlich)

Du hast ein Claude-, ChatGPT-, v0- oder statisches HTML-Artefakt heruntergeladen. Installiere es, ohne den wp-admin zu verlassen:

  1. WordPress-Admin → DSGo Apps.
  2. Verwende den Erststart-Auswähler, um die Starter-App zu installieren, oder bleibe auf Artefakt hochladen und lege dein .html oder statisches .zip.
  3. Bestätige die App-ID und den Anzeigenamen, dann installiere.
  4. Nutzen Sie die Erfolgsaktionen, um die App zu öffnen, die URL zu kopieren, sie in einen Beitrag einzubetten oder als Startseite Ihrer Website festzulegen.

Zum Deinstallieren fahre mit der Maus über die Zeile in Installierte Apps und klicke auf Löschen.

Pfad B, Gepacktes Bundle hochladen

Wenn du ein fertiges Bundle mit einem dsgo-app.json Manifest hast, wähle Bundle hochladen auf dem DSGo-Apps-Bildschirm, lege die ZIP-Datei ab, überprüfe die Fähigkeitsliste, den Rendermodus und die Netzwerkrichtlinie, und genehmige dann die Installation.

Pfad C, CLI verwenden

Empfohlen für schnelle Iterationen. Sie verwenden @designsetgo/cli. Die CLI ist offen und apps init funktioniert lokal, aber das CLI-Deployment auf eine Website ist eine Pro Funktion; der Server kontrolliert Application-Password-Installationen an der Plangrenze. Free umfasst 1 aktive App über die wp-admin Upload-Pfade (Pfad A und Pfad B).

Agent-Nutzer

Soll dein KI-Agent das alles wissen, ohne die Seite zu lesen?

npx skills add DesignSetGo/skills lädt fünf Agent-Skills (Scaffold, Manifest, Bridge, CLI, Abilities) in Claude Code, Cursor, Codex oder Claude Desktop. Der Agent lädt sie bei Bedarf, sodass er Bridge- und Manifest-Fragen beantworten kann, bevor apps init ausgeführt wird. Siehe DesignSetGo/skills.

Einmalige Einrichtung auf deiner Website

  1. Aktiviere das DesignSetGo Apps Plugin.
  2. Generiere ein WordPress- Anwendungspasswort: https://your-site.com/wp-admin/profile.php#application-passwords-section
  3. Kopieren Sie den 24-stelligen Wert, Sie sehen ihn nur einmal.

App scaffolden

shellnpx
npx @designsetgo/cli apps init my-app
cd my-app

Erstellt einen Single-File-Starter ( index.html + dsgo-app.json + CLAUDE.md) ohne Build-Schritt. Füge --astro hinzu, wenn du stattdessen das mehrseitige Astro-Projekt mit dateibasiertem Routing möchtest, dann npm install darin.

Authentifizieren

shelllogin
npx @designsetgo/cli apps login

Sie werden aufgefordert, die Website-URL, Ihren WordPress-Benutzernamen und das kopierte Anwendungskennwort einzugeben. Anmeldedaten werden gespeichert unter ~/.config/designsetgo/credentials.json mit 0600 Berechtigungen. Führe logout aus, um sie zu entfernen.

Lokal iterieren

shelldev
npx @designsetgo/cli apps dev

Startet einen lokalen Dev-Server unter http://localhost:3838 mit Hot-Reload und einer gemockten Bridge. Keine WordPress-Website erforderlich. Füge --bridge proxy --site=https://your-site.com (Pro) hinzu, um Bridge-Aufrufe an deine echte Website weiterzuleiten. Datei-Speicherungen werden innerhalb von 500 ms im iframe angezeigt.

Deployment

shelldeploy
npx @designsetgo/cli apps deploy --build

Führt npm run build, aus, zeigt dir die von der App angeforderten Fähigkeiten, überträgt das Bundle und gibt die Live-URL aus. Erneutes Ausführen von deploy aktualisiert die bestehende Installation; dieselbe App-ID bedeutet ein atomares Update.

Vorschau vor dem Liveschalten (Pro): Füge --preview hinzu, um eine teilbare URL unter /dsgo-preview/slug/token/ zu erhalten, ohne den Katalog der installierten Apps zu berühren. Teile sie mit Kunden, dann führe --promote <id> aus, um sie nach Genehmigung zu installieren. Vorschau-URLs laufen nach 7 Tagen ab (konfigurierbar mit --ttl).

Kompatibilitaet

Das Plugin funktioniert auf WordPress 6.9 und hoeher. WordPress 7.0 ist erforderlich fuer dsgo.ai.prompt() und Riff. Commerce-Funktionen erfordern WooCommerce. Statische Routen funktionieren mit Free; dynamische Routen, die auf Live-Quellen basieren, sind Pro-gesperrt. Wenn Pro aktiv ist, wc:products wird zu einer leeren Liste aufgeloest, wenn WooCommerce inaktiv ist.

Das Vertrauensmodell ist ebenfalls wichtig: Verwende den iframe-Modus fuer nicht vertrauenswuerdige Bundles oder gespeicherte Artefakte; verwende den Inline-Modus, wenn die App geprueft, vertrauenswuerdig ist und natives SEO, Root-Mount-Verhalten oder mehrseitige crawlbare Routen benoetigt.

Referenz und Fehlerbehebung

Das Manifest-Schema, die Bridge-API, CLI-Befehle, Berechtigungen und Hosting-Fehlerbehebung befinden sich jetzt auf zwei dedizierten Seiten.

Manifest

Das dsgo-app.json-Schema: Routen, Berechtigungen und Anspruchsregeln.

Bridge API

Jede dsgo.*-Methode, was sie zurückgibt und welche Berechtigung sie benötigt.

CLI-Befehle

Apps von deinem Terminal aus einrichten, bereitstellen und verwalten.

Berechtigungen

Was jede Berechtigung gewährt und was der Installationsdialog anzeigt.

Caching und CDNs

Wie DesignSetGo Apps mit Seiten-Caches, CDNs und Hosting funktioniert.

Fehlerbehebung

Lösungen für die häufigsten Fehler: REST 401s, CSP-Ablehnungen und 404s.

Etwas fehlt? Schreiben Sie uns. Die Bridge-Spezifikation ist öffentlich; der Bridge-Client und die CLI sind auf GitHub unter MIT-Lizenz verfügbar.