Erste Schritte

So formulieren Sie gute Prompts

Was Sie schreiben sollten, damit Sie die App bekommen, die Sie im Sinn hatten: die Teile benennen, jeweils nur eine Sache ändern, zeigen, was Sie meinen, und die Regeln, die eine App immer befolgt.

Sie müssen nicht gut schreiben können, damit Setherion etwas erstellt. Sie müssen aber klar sagen, was Sie wollen, und noch klarer, was geändert werden soll.

Alles Folgende sind nützliche Gewohnheiten, keine Regeln. Nichts davon ist Pflicht, und ein einfacher Satz funktioniert.

Sagen Sie, was es ist und für wen

Der erste Satz entscheidet, was erstellt wird. Er wird auf drei Dinge hin gelesen: was für eine Art von Ding es ist, worum es geht und was es haben muss.

StattSchreiben Sie
Eine WebsiteEine Website für eine Zahnarztpraxis in Manchester, mit den Behandlungen, den Preisen und einem Terminformular
Eine App für mein UnternehmenEin Werkzeug, in dem meine Mitarbeiter die abgeschlossenen Reparaturen eintragen, mit einer Liste, die ich nach Tag filtern kann
Ein ShopEin Shop für handgemachte Kerzen, mit Warenkorb und Kartenzahlung
Etwas Schönes für meine BandEine Seite für eine Rockband, mit den nächsten Konzerten, einer Fotogalerie und einem Link zu Spotify

Die Zeile über dem Feld, mit Website, Web App, Mobile App, Landing Page, 3D Game und SaaS, leistet dasselbe mit einem Klick. Nutzen Sie sie, wenn Ihr Satz zwei davon bedeuten könnte. „Eine Website für ein Ärztezentrum“ kann eine Seite für seine Patienten sein oder der Bildschirm, an dem sein Personal arbeitet, und diese Markierung klärt es.

Benennen Sie die gewünschten Teile

Eine App lässt sich leichter als Liste von Teilen anfordern denn als Idee. Alles, was Sie benennen, wird erstellt. Alles, was Sie weglassen, wird erraten, und die Vermutung ist meist vernünftig, aber es bleibt eine Vermutung.

text
A landing page for a coffee shop, with the menu, the opening hours,
photos of the place, a map, and a form for table reservations

Sie müssen nicht beschreiben, wie jedes Teil aussieht. „Eine Galerie“ genügt; „eine Galerie mit drei Spalten auf dem Computer und einer auf dem Telefon“ ist das, was ohnehin geschieht.

Ändern Sie jeweils nur eine Sache

Eine Änderung wird im Verhältnis zur App verstanden, wie sie jetzt ist, deshalb darf sie kurz sein. „Mach die Kopfzeile dunkel“ ist eine vollständige Bitte.

Mehrere unabhängige Änderungen in einer Nachricht sind schwerer richtig umzusetzen als dieselben Änderungen nacheinander, und wenn etwas falsch herauskommt, können Sie nicht sagen, welcher Teil es verursacht hat. Senden Sie sie einzeln.

Statt einer Nachricht, die alles enthält:

text
Make the header dark, add a reservation button, change the font,
add a gallery and translate it into German

senden Sie drei und sehen sich die App dazwischen an:

text
Make the header dark
Add a Reserve a table button in the header
Add a photo gallery under the menu

Bitten Sie um das, was Sie wollen, nicht um das, was Sie nicht wollen. „Die Preise sollten leichter lesbar sein“ lässt das Wie offen, und das ist richtig, wenn Sie nicht sicher sind, was nicht stimmt. „Mach die Preisspalte fett“ ist richtig, wenn Sie es sind.

Zeigen Sie darauf, was Sie meinen

Wörter wie „dieser Button“ bedeuten allein nichts, und es gibt einen schnelleren Weg, als zu beschreiben, wo er sitzt.

  • Edit in der Vorschau: Klicken Sie auf ein Wort oder ein Bild und ändern Sie es direkt, ganz ohne Bitte.
  • Das Feld über der Vorschau nennt den Abschnitt, den Sie gerade ansehen, und führt Sie zu jedem anderen. Ein Abschnittsname in Ihrer Bitte zeigt, dass Sie von diesem Teil sprechen.
  • Markieren Sie im Code ein paar Zeilen und senden Sie sie mit Ihrer Nachricht. Sie kommen daran angehängt an, sodass „Das macht das Falsche, wenn die Liste leer ist“ genügt.
  • Mit dem Code neben der Vorschau (Split view) schalten Sie den Zeiger ein und klicken auf irgendetwas in der Vorschau: Die Datei öffnet sich an der Zeile, die es erzeugt, bereit zum Anhängen. Siehe Code.
  • Auf einem Bild in der Ansicht Code markiert Draw es rot, um zu zeigen, was Sie meinen, und Add to chat sendet es mit Ihrer nächsten Nachricht.

Zeigen Sie, was Sie meinen

Das + neben dem Feld nimmt ein Bild oder ein Dokument entgegen, und mehr.

  • Upload a file. Ein Screenshot oder ein Foto eines Entwurfs: Die App wird so erstellt, dass sie so aussieht. Eine Speisekarte, eine Preisliste, ein Katalog als PDF-, Word-, Text-, Markdown-, CSV- oder JSON-Datei: Was darin steht, landet in der App, statt erfunden zu werden. Klicken Sie danach auf die Miniatur, um zu sehen, was der Builder daraus gemacht hat.
  • Import from Figma, für einen Entwurf, den Sie schon haben: Die App wird aus einem seiner Frames erstellt. Import from Canva bringt die Seiten eines Entwurfs als Bilder herein, die Sie in der App platzieren.
  • Import an app, die anderswo erstellt wurde, von Lovable, Bolt, v0, Base44, GitHub, einer ZIP-Datei oder einer Tabelle: Setherion erstellt sie hier neu. Diese Option gibt es auf dem Dashboard. Siehe Eine App importieren.
  • Connectors: die Dienste, die diese App nutzen darf, etwa Zahlungen oder E-Mail. Skills: Dinge, die eingebaut werden sollen, etwa Anmeldung oder Buchungen. Siehe Connectors und Skills.
  • Connect your repo, unter GitHub project auf dem Dashboard: Melden Sie sich einmal bei GitHub an und übertragen Sie dann den Code aus dem Editor, mit einem kostenpflichtigen Tarif.

Im Editor sieht das Menü etwas anders aus: Upload file, Media AI (ein Bild oder ein Video, erzeugt und in der App platziert: siehe Medien- und Design-Werkzeuge), Design (Figma und Canva), Connectors und Skills.

Sprechen statt tippen

Das Mikrofon neben der Schaltfläche Build nimmt auf, was Sie sagen. Ihre Worte erscheinen im Feld, während Sie sprechen, und Sie drücken es erneut, um zu beenden. Lesen Sie es durch, ändern Sie es nach Wunsch und senden Sie es ab. Es funktioniert in der Sprache des Browsers. Siehe Build, Chat und Plan.

Zeigen ist meist schneller, als ein Aussehen in Worten zu beschreiben, und es ist der einzige Weg, Ihre eigenen Inhalte in den ersten Build zu bekommen.

Schreiben Sie in Ihrer eigenen Sprache

Schreiben Sie, wie Sie sprechen. Setherion erkennt, in welcher Sprache Ihre Bitte verfasst ist, und die App entsteht in dieser Sprache: ihre Schaltflächen, ihre Überschriften, die Wörter auf ihren Seiten.

Rumänisch, Englisch, Spanisch, Französisch, Deutsch, Italienisch, Portugiesisch, Niederländisch, Polnisch und alles, was in chinesischen, japanischen, koreanischen, russischen, arabischen, hebräischen oder griechischen Schriftzeichen geschrieben ist, wird erkannt. Wenn Sie eine App in einer anderen Sprache wollen als der, in der Sie schreiben, sagen Sie es: „in English“ am Ende der Bitte genügt.

Regeln, die die App immer befolgt

Manche Dinge sollten Sie nicht wiederholen müssen. Im Editor steht AI Controls am Ende der Modellliste: Klicken Sie auf die Modell-Schaltfläche neben dem Feld, die mit Auto beschriftet ist. Dort gibt es zwei Einstellungen:

  • Custom instructions: Regeln, die bei jedem Build und jeder Änderung dieser App befolgt werden. „Das dunkle Design beibehalten“, „nie Orange verwenden“, „alle Preise in Pfund“, „den Text förmlich schreiben“.
  • Freeze Files: Dateien, die nichts anfassen darf. Frieren Sie die Seite ein, die genau stimmt, und die nächste Änderung kann sie nicht rückgängig machen.

Siehe KI-Einstellungen für beide.

Wenn Sie nicht sicher sind, was Sie wollen

Genau dafür gibt es zwei Modi.

  • Plan, hinter der Schaltfläche Build auf dem Dashboard und im Editor, stellt Ihnen ein paar kurze Fragen und zeigt Ihnen eine Karte der App, bevor eine einzige Datei geschrieben wird. Das lohnt sich bei allem, was Sie nicht zu Ende gedacht haben. Mit Alt+P wechseln Sie zum nächsten Modus, ohne das Menü zu öffnen.
  • Chat im Editor spricht über die App und rührt Ihren Code nie an. Fragen Sie „Was würdest du auf dieser Seite ergänzen?“ oder „Warum steht das Formular unten?“, und mit der App geschieht nichts.

Wenn etwas falsch herauskommt

Sagen Sie, was falsch ist, nicht nur, dass es falsch ist. „Das Formular sendet nicht“ ist eine Meldung; „das Formular sagt, es wurde gesendet, aber nichts kommt an“ ist etwas, das sich beheben lässt.

Wenn eine Änderung alles schlimmer gemacht hat, sagen Sie auch das. „Stelle das Menü so wieder her, wie es vor dieser Änderung war“ wird verstanden.

War diese Seite hilfreich?

Der Community beitreten

Fragen, Ideen und was andere erstellen.