Alle Anleitungen

Mit ChatGPT oder Claude bauen

Mach aus deiner Idee ein smabar-Plugin im Web-Chat. Ohne MCP-Einrichtung — mit einem Auftrag, einer ZIP und wenigen Installationsschritten.

Als Markdown lesen
Auf dieser Seite

Nutze ChatGPT oder Claude im Browser, um dein eigenes smabar-Plugin zu bauen. Du brauchst dafür keinen MCP-Server zu verbinden. Wähle einen Chat, der Links öffnen und herunterladbare Dateien erstellen kann.

Von deiner Idee auf die Leiste

  1. Starte einen neuen Chat. Kopiere den Auftrag unten in ChatGPT oder Claude. Ersetze die Platzhalter durch deine Idee, dein Betriebssystem und deine smabar-Version.
  2. Lass die KI bauen. Sie liest SDK, Styling-Regeln und vollständige Beispiele von smabar, fragt bei fehlenden Angaben nach und erstellt dein Plugin als ZIP.
  3. Installiere dein Plugin. Lade die ZIP herunter und folge der Installationsanleitung. Prüfe Aussehen und Aktionen in deiner eigenen smabar-App.

Diesen Auftrag kopieren

Lies https://smabar.com/build-my-plugin.md und folge dem Arbeitsablauf.
Öffne die verlinkten Manifest-, SDK- und Styling-Referenzen sowie ein
passendes vollständiges Beispiel, bevor du Code schreibst.
Baue dieses smabar-Plugin: [deine Idee].
Mein Betriebssystem und meine smabar-Version: [ausfüllen].
Erstelle eine herunterladbare ZIP mit allen Quelldateien, Übersetzungen
und benötigten Assets. Erkläre die Installation und nenne die tatsächlich
ausgeführten Prüfungen. Behaupte keine Tests in meiner laufenden App.

Beschreibe, was die Kachel anzeigen soll, welche Details ins Flyout gehören, wie oft aktualisiert wird und welche Aktionen, Einstellungen oder Dienste nötig sind. Passwörter und API-Schlüssel gehören weder in den Chat noch in den erzeugten Quellcode. Die KI soll erklären, wie du sie lokal hinterlegst.

Für die KI: Der vollständige Arbeitsablauf auf Englisch enthält die verbindliche Lesereihenfolge und die Prüfliste. Diese Seite gibt es auch als deutsches Markdown.

Die technischen Referenzen stammen aus denselben Verträgen und Beispielen wie die App.

Was die KI hier findet

  • Plugin-Vertrag: Manifest-Schema, SDK, Provider, Lifecycle, Speicherung und Fehlersuche.
  • Vollständiges Styling: Designregeln, Kachelgrößen, Cover-Layouts, Klassen, Formulare, Interaktionen, Icons, Charts, Medien und Sanitizer.
  • Tokens und Referenz-Themes: definierte Werte und mitgelieferte Beispiele. Dein aktives Theme ist ohne Verbindung zur App unbekannt.
  • Vollständige Beispiel-Plugins: Vorlage und alle mitgelieferten Plugins mit Dateibaum, Quelltext, Assets, Lizenzhinweisen und ZIP.

Die Referenzen sind Englisch und nach Themen verlinkt. Die KI soll benötigte Kapitel öffnen, ihre Angaben mit deiner installierten Version vergleichen und ausschließlich dokumentierte SDK- und Styling-Funktionen verwenden. MCP-Aufrufe im Referenztext beschreiben die verbundene Arbeitsweise; im Web-Chat werden stattdessen die verlinkten Dokumente gelesen und Dateien erstellt.

ZIP installieren und prüfen

Die fertige ZIP enthält einen Ordner mit eigener Plugin-ID, Manifest, Skripten, Übersetzungen, Assets und einer Anleitung. Die Installationsanleitung erklärt das Entpacken und die Prüfung in smabar.

Ohne laufende Verbindung kann die KI keine echten Screenshots aufnehmen, Provider-Verfügbarkeit prüfen oder Aktionen in deiner App testen. Sie muss angeben, welche Prüfungen sie tatsächlich ausgeführt hat. Nach der Installation kannst du bei Problemen bereinigte Logzeilen oder Screenshots zurückgeben.

Eine herunterladbare ZIP setzt eine Dateierstellungsfunktion der Web-KI voraus. Fehlt sie, muss die KI vollständige Dateien samt lokalem ZIP-Befehl liefern und diese Grenze benennen. Kann sie keine Links öffnen, kannst du ihr die heruntergeladenen Markdown-Dateien geben. Die Website selbst erzeugt oder veröffentlicht keine individuellen Plugins.