1. Beschreibe die Aufgabe
Claude kann individuelle interaktive Tools erstellen, die auf deine persönlichen Ziele zugeschnitten sind. Beschreibe das Erlebnis und die Oberfläche, die du möchtest, und Claude entwirft eine maßgeschneiderte App mit den Funktionen und dem Gefühl, das du im Sinn hast.
Sag Claude, was du verfolgen, organisieren oder erstellen möchtest und wie es aussehen und sich anfühlen soll.
Ich möchte einen interaktiven „Bucket-List-Builder" erstellen, der sich anfühlt wie das Durchstöbern einer wunderschönen, hochwertigen Boutique, aber für Lebenserfahrungen statt für Produkte.
Das Konzept: Verwandle „Ich sollte eine Liste zukünftiger Ziele erstellen" in etwas Freudvolleres. Statt nur einer normalen Liste möchte ich ein Erlebnis.
Design: Das muss aussehen wie eine erstklassige iOS-App. Klares, durchdachtes Grafikdesign. Jedes Detail (Typografie, Abstände, Hierarchie) sollte kuratiert und wohlüberlegt wirken. Das Endergebnis sollte atemberaubend sein.
Enthalten: Erlebnisse nach Kategorie; Speichern bestimmter Erlebnisse in „Meine Liste"; Umschalten zwischen Durchstöbern und Ansehen gespeicherter Elemente, befriedigende Interaktionen bei der Auswahl von Elementen.
Fülle sie mit wunderschönen Lebenserfahrungen zum Durchstöbern. Füge dann noch ein paar zusätzliche, spaßige Überraschungen hinzu!
2. Gib Claude Kontext
Claude kann interaktive Apps direkt im Gespräch erstellen. Für anspruchsvollere Designs liefert es deutlich bessere Ergebnisse, wenn du Claude Hinweise zur gewünschten Ästhetik gibst.
Erforderlicher Kontext
Keine Uploads oder externen Tools nötig.
3. Was Claude erstellt
Claude erstellt eine vollständig interaktive Anwendung, die deinen Vorgaben entspricht, durchstöberbar, klickbar und gestaltet nach deinen Designstandards.
Ich habe deinen Bucket-List-Builder mit diesem hochwertigen Boutique-Gefühl erstellt. Hier ist, was ich gebaut habe:
Designansatz: Klare iOS-Ästhetik mit einem Gefühl für SF-Pro-Typografie, großzügigem Weißraum und subtilen Erhebungsänderungen beim Hover. Die Farbpalette bleibt neutral (#1C1C1E, #8E8E93, #F2F2F7), sodass die Erlebnisbeschreibungen durch die Vorstellungskraft zur Farbe werden.
Funktionen:
- Kategoriefilterung über Wunder, Abenteuer, Handwerk und Errungenschaft
- Umschalten zwischen Browse- und Meine-Liste-Ansicht, jede Erlebniskarte zeigt Zeitrahmen und relative Kosten, sowie sanfte Hover-Zustände und befriedigende Speicherinteraktionen
- Verschiedene kuratierte Erlebnisse von Nordlichtern bis zu japanischen Teezeremonien
Klicke auf eine Karte, um sie zu deiner Liste hinzuzufügen. Die gespeicherte Anzahl aktualisiert sich automatisch. Probiere, nach Kategorie zu filtern, und wechsle dann zu Meine Liste, um deine kuratierte Sammlung zu sehen.
Möchtest du, dass ich das Styling anpasse, mehr Erlebnisse hinzufüge oder die Funktionsweise der Kategorien ändere?
4. Folgeprompts
Setze das Gespräch mit Claude fort, um zu verfeinern, zu erweitern oder weiter zu erkunden.
Verwandle Träume in Pläne
Mach die App zu einer Startrampe, nicht nur zu einer Liste. Füge einen Button hinzu, der einen einsatzbereiten Prompt für ein zukünftiges Claude-Gespräch generiert, vorausgefüllt mit Kontext über das Erlebnis, das du verfolgen möchtest.
Füge einen „Mach das wahr"-Button auf jeder gespeicherten Karte hinzu. Wenn ich darauf klicke, zeig mir einen Prompt, den ich in einen neuen Claude-Chat kopieren kann. Der Prompt sollte den Namen des Erlebnisses und meine Beschreibung enthalten und Claude dann bitten, mir bei der Recherche zu helfen, um es zu erreichen.
Erhalte Vorschläge für das Nächste
Bette Claudes Intelligenz direkt in deine App ein. Artefakte können Claude aufrufen, um deine Auswahl zu analysieren und spontan neue Empfehlungen zu generieren. Das ist keine statische Logik – Claude denkt innerhalb deines Tools.
Füge einen „Überrasch mich mit etwas Neuem"-Button hinzu. Wenn ich darauf tippe, lass die App meine gespeicherten Erlebnisse an Claude senden und bitte es, eines vorzuschlagen, das ich noch nicht in Betracht gezogen habe – etwas, das zu den Mustern in meiner Auswahl passt, und zeig Claudes Begründung.
Füge Animation und Personalisierung hinzu
Bewegung und kleine persönliche Details machen den Unterschied zwischen einem Prototyp und etwas, das du tatsächlich nutzen möchtest. Bitte um Intro-Animationen, Hover-Effekte oder einen Einrichtungsbildschirm, der das Erlebnis auf dich zuschneidet.
Füge eine erstmalige Einrichtung hinzu, die nach meinem Namen und Geburtstag fragt. Verwende meinen Namen in der Kopfzeile und berechne mein Alter irgendwo unauffällig. Wenn ich etwas als erledigt markiere, animiere die Karte so, dass sie in Hunderte winziger, sich auflösender Partikel explodiert, die die Farben der Karte behalten. Mach es befriedigend.
5. Tricks, Tipps und Problembehandlung
Verwende Bilder als schnelle Referenzen
Lade einen Screenshot einer App hoch, die du liebst. „Mach es so, dass es sich so anfühlt" gibt Claude mehr zum Arbeiten als eine Ästhetik von Grund auf zu beschreiben. Du kannst auch einen Screenshot deines Artefakts machen und etwas Bestimmtes einkreisen: „Dieser Teil. Behebe das."
Dein Artefakt kann denken
Artefakte können Claude direkt aufrufen – nicht nur statischen Inhalt anzeigen. Das bedeutet, deine App kann analysieren, was du gespeichert hast, personalisierte Vorschläge generieren, individuellen Text schreiben oder auf das reagieren, was du tust. Bitte Claude, „KI in die App einzubetten" oder „die App Claude aufrufen zu lassen", wenn du möchtest, dass dein Tool denkt, statt nur anzuzeigen.
Nutze, was funktioniert, erneut
Sobald du eine Ästhetik hast, die dir gefällt, bitte Claude, sie anderswo anzuwenden. „Verwende dasselbe Designsystem für einen Leselisten-Tracker" oder „Erstelle mir eine Geschenkideen-App mit genau diesem visuellen Stil." Du hast bereits die harte Arbeit geleistet, das Gefühl zu definieren.
6. Bereit, es selbst auszuprobieren?
Erstelle interaktive Tools mit individuellen Oberflächen, zugeschnitten darauf, wie du gerne erkundest und lernst. Beschreibe und verfeinere deine Ideen mit Claude, um Tools zu schaffen, die für dich nützlich sind.