Die „Gesunde Rezeptsammlung“ ist eine Rezept-App mit Katalog, Wochenplan, Einkaufsliste und Kochmodus – gebaut von Claude in einem einzigen Chat. Was sie kann, steht im Beitrag zur App. Dieser Beitrag zeigt, wie sie technisch entstanden ist und welche Prompts zum Nachbauen nötig sind: sechs Schritte, zehn Prompts.
- Im oberen Abschnitt des Blog-Beitrags stelle ich den Gesamtablauf ausführlich dar.
- Am Ende folgt ein Gesamtprompt. Ich habe die wesentlichen Angaben in einen Prompt kopiert. Ziel ist, dass mit einem einzigen Prompt eine solche App erstellt werden kann.
Auf einen Blick
- Format: eine einzelne HTML-Datei (rund 210 KB) als Claude-Artefakt
- Daten: Datenbank des Artefakts mit Katalog, eigenen Rezepten, Wochenplan und Einstellungen, dazu ein Foto-Speicher und KI-Aufrufe über Claude
- Inhalt: 67 gesunde deutsche Rezepte aus sechs Quellen
- Arbeitsweise: Änderungen per Patch-Skript, Syntaxprüfung, automatisierte Tests mit Playwright und Chrome ohne Oberfläche, Screenshots in hell und dunkel, dann Veröffentlichung als neue Version
Die Prompts stehen unten fast wörtlich. Korrigiert wurden nur Rechtschreibung, Zeichensetzung und Diktatfehler. Einige Original-Prompts wurden hier zusammengeführt. Die neun Prompts lassen sich der Reihe nach in einem neuen Chat nutzen. Das Ergebnis wird nicht identisch, denn Claude recherchiert die Rezepte neu. Ob die Zusammenführung beim Nachbau genauso funktioniert, ist nicht getestet.
Schritt 1: Zugriff auf Rezeptseiten klären
Zuerst die Frage: Welche Seiten lassen sich für eine Sammlung gesunder Rezepte überhaupt auslesen? Der NDR mit den Ernährungsdocs nicht. Der Abruf von ndr.de und wdr.de wurde blockiert. Claude umging die Sperre nicht. Der legale Weg: Text kopieren oder Screenshot bzw. Foto der Buchseite einfügen.
Prompt 1
Analysiere https://www.ndr.de/ratgeber/kochen/rezepte/Rezepte-von-den-Ernaehrungs-Docs,edocsrezepte102.html
Prompt 2
Ich würde gerne eine Sammlung von Rezepten aufbauen aus Seiten wie diesen. Analysiere intensiv, wie du auf solche Seiten zugreifen kannst. Welche Alternativen zum NDR gibt es? Wir sind auf solche gesunden Rezepte angewiesen.
Rund zehn Quellen wurden per Websuche und Seitenabruf getestet. Brauchbar waren „Apotheken Umschau“ (mit Nährwerten pro Person), „EAT SMARTER“, „IN FORM“, „Verbraucherzentrale“ und „DEBInet“. Rechtlich gilt laut Claude: Eine private Sammlung ist unkritisch. Rezepttexte und Fotos ohne Erlaubnis zu veröffentlichen ist es nicht. Das ist keine Rechtsberatung.
Schritt 2: Der Bauauftrag für das Artefakt (App)
Ein einziger Prompt mit 13 Funktionswünschen genügte als Bauauftrag. Die letzten drei – Sicherung, PDF und Airfryer – kamen im Original erst später als eigener Prompt. Hier stehen sie von Anfang an dabei.
Prompt 3
Baue mir ein solches Artefakt. Folgende Funktionen:
- Eigene Datenbank in Claude.
- Sammlung von bereits existierenden Rezepten auf solchen Seiten.
- Diese sollen nach sinnvollen Kriterien (Ausschluss von bestimmten Zutaten, z. B. Weizen usw. möglich) suchbar sein. Anzeige mit Link auf das externe Rezept. Übernahme per Knopfdruck in die eigene Datenbank.
- Kochmodus bei übernommenen Rezepten, mit Anpassung der Mengen. Foto mit in die eigene Datenbank übernehmen. Nährwerte anzeigen. Infos dazu, wie gesund das Rezept ist.
- Per Klick Anpassung für Monsieur Cuisine smart im Kochmodus.
- Wochenplaner. Ein Gericht pro Tag.
- Bewertung der Gerichte.
- Favoritenfunktion.
- Übernahme von Rezepten durch Copy-Paste.
- Generierung neuer Gerichte durch Claude-KI.
- Sicherung der kompletten Daten (als JSON oder XML) im Bereich Einstellungen.
- Pro (ausgewähltem) Rezept aus „Meine Rezepte“ ein PDF mit dem oder den kompletten Rezepten generieren lassen, die man herunterlädt, um sie ausdrucken zu können.
- Als Alternative zu Monsieur Cuisine: Zubereitung im Airfryer (Ninja Foodi FlexDrawer).
Die letzten drei Funktionen bitte nur realisieren, wenn möglich und sinnvoll.
Neu gegenüber den Originalen ist nur der Zusatz „Die letzten drei Funktionen“. Im Original lautete der Satz „Bitte nur realisieren, wenn möglich und sinnvoll.“
Claude klärte zuerst, was die Artefakt-Umgebung bietet: Datenbank, KI-Aufrufe und Foto-Speicher. Dann wurden die Rezepte in mehreren Durchgängen gesammelt – 39 aus drei Quellen: 20 von der „Apotheken Umschau“, 11 von „IN FORM“ und 8 von der Verbraucherzentrale. Zutaten und Nährwerte stehen wie in der Quelle, die
Zubereitung in eigenen Worten, dazu der Link zum Original. Aus dem Prompt wurde Folgendes:
- App: eine einzelne HTML-Seite mit vier Reitern: „Entdecken“, „Meine“, „Woche“ und „Neu“
- Datenbank: vier Bereiche für Katalog, eigene Rezepte, Wochenplan und Einstellungen
- Filter: 21 Ausschlüsse, etwa Weizen inklusive Dinkel, Gluten, Milch, Sellerie und Zwiebeln
- Gesundheitswert: 0 bis 100 nach den DGE-Empfehlungen, mit Begründung und auf Wunsch einer ausführlicheren KI-Bewertung
- Kochmodus: große Schrift, Mengenumrechnung und Timer. Ein Schalter rechnet das Rezept für Monsieur Cuisine smart um, mit Zeit, Temperatur, Stufe und Linkslauf je Schritt
- Wochenplan: ein Gericht pro Tag und ein Knopf, der freie Tage füllt – höchstens zwei Fleischtage
- Import und KI: Einfügen von Text, Foto oder Screenshot sowie KI-Generierung neuer Gerichte
- PDF: ein eigener PDF-Schreiber im Code der App (PDF 1.4, Schrift Helvetica). In „Meine Rezepte“ lassen sich mehrere Rezepte auswählen. Wählbar sind Portionen, Foto, Nährwerte, Notiz und die Schritte für Monsieur Cuisine und Airfryer. Getestet wurde mit Umlauten, Foto, Seitenumbrüchen und 70 Rezepten.
- Sicherung: Export als JSON, wahlweise mit Fotos. „Wiederherstellen“ liest die Datei ein und überschreibt gleiche Rezepte. XML gibt es nicht, JSON reicht.
- Airfryer (Ninja Foodi FlexDrawer): Ein Schalter im Kochmodus ersetzt Monsieur Cuisine. Die KI prüft zuerst, ob das Rezept geeignet ist (gut, teilweise oder nicht). Je Schritt nennt sie Zone, Programm, Temperatur von 40 bis 240 °C, Zeit und Wenden, dazu Timer und einen Hinweis auf die SYNC-Taste. Zeiten und Temperaturen sind KI-Richtwerte und nicht am Gerät erprobt.
Getestet wurde automatisch mit Playwright und Chrome ohne Oberfläche, mit nachgebauter Datenbank und im Handyformat (390 Pixel Breite). Live in Claude geöffnet wurde die App dabei nicht.
Hinweis zu den Downloads
Das Speichern von Dateien braucht im Artefakt die Freigabe „downloads“. Im ursprünglichen Bau kamen Sicherung und PDF erst später. Da hatte eine zweite Person als Bearbeiterin bereits Rezepte gespeichert. Der Server lehnte die Freigabe daraufhin ab (Vermerk „fremde Inhalte“), auch nach dem Entfernen der Person. „Sicherung speichern“ und „PDF speichern“ blieben gesperrt. Deshalb gehören beide Funktionen gleich in den Bauauftrag, und die Freigabe wird beim ersten Bau erteilt, bevor jemand anderes mitarbeitet. Ob die Downloads dadurch sofort funktionieren, ist eine Annahme und nicht getestet.
Grenzen, die Claude von Anfang an nannte
- Die App darf keine fremden Seiten oder Bilder laden. Neue Quellen kommen über den Chat oder per Einfügen hinein.
- Bei 19 Rezepten fehlten in der Quelle die Nährwerte. Der Knopf „Per KI schätzen“ ergänzt sie als Schätzung.
- Die Allergen-Erkennung ist automatisch. Brühe, Senf und Gewürzmischungen können versteckt Gluten oder Sellerie enthalten.
- Die KI-Funktionen fragen beim ersten Mal nach Freigabe und laufen über das eigene Claude-Kontingent.
Schritt 3: Einstellungen und Quellen an- und abwählen
Zwei kurze Prompts verbesserten die Bedienung. Zuerst irritierte ein Zahlenfeld.
Prompt 4
Wenn ich die Einstellungen öffne, steht da immer die Ziffer 2. Wieso?
Die 2 ist der Standardwert für „Personen im Haushalt“. Daran hängen die Standard-Portionen und die Einkaufsliste. Das Feld bekam beim Öffnen automatisch den Fokus, sodass die Tastatur hochkam. Claude las die Datenbank: Dort stand tatsächlich 2, geändert worden war nichts. Die Korrektur: kein Autofokus mehr, die Zahl wird beim Antippen markiert, ein Hinweistext erklärt das Feld.
Prompt 5
Wie kann man weitere Rezeptquellen integrieren, bzw. im Artefakt an- und abwählen?
Eine neue Einstellung merkt sich die abgewählten Quellen. Im Einstellungsdialog steht je Quelle ein Schalter mit der Rezeptzahl. Abgewählte Quellen verschwinden aus „Entdecken“, aus dem Wochenplan-Vorschlag und aus der Rezeptauswahl. Übernommene und eigene Rezepte bleiben. Neue Quellen sind automatisch eingeschaltet.
Schritt 4: Weitere Quellen recherchieren und einbinden
Aus 39 wurden 67 Rezepte: erst eine Recherche nur als Liste, dann die Einbindung von drei Krankenkassen.
Prompt 6
Recherchiere nach weiteren verlässlichen deutschen Quellen, die eingebunden werden könnten. Nur eine Liste hier. Noch nicht einbinden.
Prompt 7
Bitte AOK, Barmer und Techniker Krankenkasse einbinden.
Für die Recherche nutzte Claude Websuchen mit Domain-Filter und rief einzelne Rezeptseiten ab. Geprüft wurden Aufbau, Nährwerte und Nutzungshinweise. Ganz oben in der Liste standen diabinfo.de, diabetesDE, Techniker Krankenkasse, DGE mit „Geprüfte IN FORM-Rezepte“, AOK-Magazin und Barmer. Seriös, aber ohne Nährwerte sind BZfE, Deutsche Herzstiftung, Fachzentrum Ernährung Rheinland-Pfalz und Ökolandbau. Rechtlich am saubersten ist das Wikibooks-Kochbuch unter CC-BY-SA 3.0. Eingebunden wurde zunächst nichts.
Danach kamen 28 neue Rezepte dazu: 8 von der Techniker Krankenkasse, 11 von der AOK und 9 von der Barmer (aus der Broschüre „Gesund und lecker“). Das Vorgehen entsprach dem ersten Katalog. Die neuen Quellen erscheinen automatisch als Auswahl-Chips in den Einstellungen. Fehlende Ballaststoffe zählen seitdem als „nicht angegeben“ und fließen nicht ins Gesundheitsurteil ein. Bei den AOK-Rezepten fehlt in der Quelle die Bezugsgröße, das steht als Hinweis am Rezept. Das Wikibooks-Kochbuch hat laut Kategorie „Kochbuch/ Alle Rezepte“ rund 640 Seiten. Es bleiben über 600 echte Rezepte, aber ohne Gesundheitsprüfung und ohne Nährwerte.
Schritt 5: Einkaufsliste überarbeiten
Die erste Einkaufsliste führte gleiche Zutaten mehrfach auf. Ein zusammengeführter Prompt behebt das und regelt gleich den Kopiertext.
Prompt 8
Bitte überarbeite die Erstellung der Einkaufsliste. Es sind zu viele gleiche Produkte mehrfach aufgeführt. Ändere die Einkaufsliste entsprechend ab. Ordne sie in der Reihenfolge, wie sie normalerweise im Supermarkt angeordnet sind. Nimm folgende Lebensmittel nie in die Einkaufsliste auf: Salz, Pfeffer, Petersilie, Eier, Olivenöl, Rapsöl, Öl, Leinöl, Senf, Wasser, Kurkuma, Paprikapulver. Wenn die Einkaufsliste angezeigt wird, kann man „Text kopieren“. Hier darf nur der Text kopiert werden, der nicht abgehakt wurde. Die Zwischenüberschriften müssen als solche erkennbar sein.
Claude las zuerst die Zutatennamen aus dem Katalog. Der Kern entstand als eigenständiger, testbarer Code und wurde danach in die App eingebaut. Geprüft wurde mit den Zutaten von 27 Rezepten.
- Zusammenfassen: Ein Verzeichnis aus regulären Ausdrücken ordnet Varianten einem Namen zu. „Zwiebel“, „rote Zwiebel“ und „Gemüsezwiebel“ werden zu „Zwiebeln“, ebenso Möhren und Karotten, alle Tomatensorten sowie Brühe, Bouillon und Fond.
- Einheiten: Gramm und Kilogramm, Milliliter, Liter und Zentiliter werden vereinheitlicht. Gleiche Einheiten werden addiert, unterschiedliche stehen in einer Zeile, etwa „Zwiebeln (50 g + 3 Stück)“. Zählbares wird aufgerundet.
- Ausschlussliste: Sie gilt auch für Varianten wie Meersalz, Rapsöl, Dijon-Senf oder Eigelb. Petersilienwurzel und Paprika (das Gemüse) bleiben auf der Liste.
- Reihenfolge: Obst & Gemüse, Frische Kräuter, Brot & Backwaren, Nudeln, Reis & Getreide, Konserven & Hülsenfrüchte, Gewürze, Öle & Saucen, Backen & Süßes, Nüsse, Samen & Trockenfrüchte, Kühlregal, Fleisch, Wurst & Fisch, Tiefkühl. Was nirgends passt, landet unter „Sonstiges“.
- Kopiertext: nur offene Posten. Jede Gruppe beginnt nach einer Leerzeile mit einer Überschrift in Großbuchstaben, etwa „== OBST & GEMÜSE ==“. Der Text beginnt mit „EINKAUFSLISTE KW“ und der Wochennummer. Ist alles abgehakt, erscheint „Alles abgehakt – nichts zu kopieren“, und die Zwischenablage bleibt unverändert.
Ein Fehler zeigte sich erst im Alltag. Beim Einfügen in die Notiz-App ging eine „2“ am Zeilenanfang verloren, wenn sie direkt hinter „- “ stand. Aus „200 g Tomaten“ wurde „00 g Tomaten“. Die Vermutung: Die Notiz-App wandelt „- “ in einen Listenpunkt um und verschluckt dabei die Ziffer. Belegt ist das nicht. Im Original behob ein weiterer Prompt das mit „• “ statt „- “. Beim Nachbau lässt sich das gleich im Prompt verlangen. Ob damit alle Mengen in der echten Notiz-App stimmen, ist nicht geprüft.
Schritt 6: Wochenwahl im Dialog „In den Wochenplan“
Prompt 9
Das ist die Sicht aus dem Wochenplan vom Gericht aus. Baue hier die Möglichkeit ein, zwischen unterschiedlichen Wochen zu wählen.
(Dazu ein Screenshot des Dialogs für KW 46.)
Die Hilfsfunktionen für Kalenderwochen waren schon da: Woche bestimmen, Montag der Woche, Woche verschieben. Der Dialog war aber fest an die angezeigte Woche gebunden. Jetzt hat er eine eigene Woche. Oben stehen zwei Pfeile, die Kalenderwoche, der Datumsbereich und „x von 7 Tagen belegt“, darunter die Schnellwahl „Diese Woche“ und „Nächste Woche“. Jeder Tag zeigt sein Datum, der heutige hat einen farbigen Rahmen, belegte Tage nennen das Gericht, das sie ersetzen. Eine Meldung bestätigt das Einplanen, etwa „Für Mittwoch (KW 47) eingeplant“. Die im Wochenplan angezeigte Woche bleibt unverändert.
Getestet wurde im Handyformat (390 × 844 Pixel), hell und dunkel, auch der Jahreswechsel von KW 53/2026 auf KW 1/2027. Offen ist eine Frage: Soll der Wochenplan nach dem Einplanen automatisch in die gewählte Woche wechseln? Das ist bisher nicht eingebaut.
Stolpersteine auf einen Blick
- Gesperrte Quellen: NDR und WDR blockieren den Abruf. Claude umgeht Sperren nicht. Ausweg: Text oder Screenshot einfügen.
- Eingeschränkte Umgebung: Ohne Freigabe kann das Artefakt nichts herunterladen, keinen Druckbefehl auslösen und keine fremden Seiten oder Bilder laden.
- Download-Sperre: Nachdem eine zweite Person Rezepte gespeichert hatte, lehnte der Server die Freigabe „downloads“ dauerhaft ab. Die Freigabe gleich beim ersten Bau ist deshalb die naheliegende Vorsorge. Belegt ist das nicht.
- Schätzwerte: Bei 19 Rezepten sind die Nährwerte KI-Schätzungen, die Airfryer-Werte sind KI-Richtwerte, die Allergen-Erkennung ist automatisch.
- Nur simuliert getestet: Fast alle Tests liefen am Rechner in einer nachgebauten Umgebung. Auf einem echten Handy war vieles noch nicht probiert.
Ein Muster in den Prompts
Mehrfach trennte ich Prüfen und Umsetzen: „Nur eine Liste hier. Noch nicht einbinden“ in Prompt 6, „Nur prüfen“ in Prompt 8 und „nur realisieren, wenn möglich und sinnvoll“ in Prompt 3. Zu Prompt 10 gehörte ein Screenshot. Er ist hier nicht abgebildet.
Unterm Strich: Der ursprüngliche Bau dauerte gut 43 Stunden und brauchte 23 Prompts und 14 Versionen. Die zusammengeführte Fassung hier hat zehn Prompts. Am meisten Nerven kostete nicht der Wochenplan, sondern die Download-Taste. Dabei wollte sie doch nur eine Datei speichern …
Mehr zur App selbst: Gesunde Rezeptsammlung – eine eigene App, gebaut mit Claude
Gesamt-Prompt
Ich habe die wesentlichen Angaben in einen Prompt kopiert. Ziel ist, dass mit einem einzigen Prompt eine solche App erstellt werden kann:
Ich würde gerne eine Sammlung von Rezepten als Claude-Artefakt mit eigener Datenbank aufbauen aus Seiten wie die folgenden:
https://www.apotheken-umschau.de/gesund-bleiben/ernaehrung/rezepte/erbsen-avocado-suppe-845285.html
https://www.in-form.de/ernaehrung/rezepte
https://www.verbraucherzentrale.de/rezepte
https://www.barmer.de/gesundheit-verstehen/leben/ernaehrung/rezeptideen-1056336
Analysiere zuerst intensiv, wie du auf solche Seiten zugreifen kannst.
Baue mir ein solches Artefakt. Folgende Funktionen:
-
- Eigene Datenbank in Claude.
- Sammlung von bereits existierenden Rezepten auf solchen Seiten.
- Diese sollen nach sinnvollen Kriterien (Ausschluss von bestimmten Zutaten, z. B. Weizen usw. möglich) suchbar sein. Anzeige mit Link auf das externe Rezept. Übernahme per Knopfdruck in die eigene Datenbank.
- Kochmodus bei übernommenen Rezepten, mit Anpassung der Mengen. Foto mit in die eigene Datenbank übernehmen. Nährwerte anzeigen. Infos dazu, wie gesund das Rezept ist.
- Per Klick Anpassung für Monsieur Cuisine smart im Kochmodus. Als Alternative dazu: Zubereitung im Airfryer (Ninja Foodi FlexDrawer).
- Wochenplaner. Ein Gericht pro Tag. Eine Einkaufsliste beim Wochenplan. Ordne die Lebensmittel in der Reihenfolge, wie sie normalerweise im Supermarkt angeordnet sind.Nimm folgende Lebensmittel nie in die Einkaufsliste auf: Salz, Pfeffer, Petersilie, Eier, Olivenöl, Rapsöl, Öl, Leinöl, Senf, Wasser, Kurkuma, Paprikapulver.Wenn die Einkaufsliste angezeigt wird, soll man diese via „Text kopieren“ in die Zwischenablage aufnehmen können. Hier darf nur der Text kopiert werden, der nicht abgehakt wurde. Die Zwischenüberschriften müssen als solche erkennbar sein.
- Baue beim Wochenplaner (in der Ansicht aus dem Gericht) die Möglichkeit ein, zwischen unterschiedlichen Wochen zu wählen.
- Bewertung der Gerichte.
- Favoritenfunktion.
- Übernahme von Rezepten durch Copy-Paste.
- Generierung neuer Gerichte durch Claude-KI.
- Möglichkeit, weitere Rezeptquellen zu integrieren, bzw. im Artefakt an- und abzuwählen
- Sicherung und Wiederherstellung der kompletten Daten (als JSON) im Bereich Einstellungen.
- Pro (ausgewähltem) Rezept aus „Meine Rezepte“ ein PDF mit dem oder den kompletten Rezepten generieren lassen, die man herunterlädt, um sie ausdrucken zu können.