Christopher Thanisch
← Wissen
GUIDE8 Minuten Lesezeit·Zuletzt aktualisiert NOV 2026

3 Dinge, die du mit Claude bauen kannst — Life Dashboard, Brand-Website und Reiseplaner.

Drei Projekte aus dem Reel, jeweils mit fertigem Prompt: ein Life Dashboard für Ziele und Gewohnheiten, eine Personal Brand Website mit eigenem Designsystem und ein interaktiver Reiseplaner mit Drag-and-drop, Budget und Empfehlungen.

Du kommst von Instagram? Hier sind die Prompts aus dem Reel.

Das lernst du

→Welche drei Projekte du ohne Code in der Claude-App baust
→Den Prompt für dein Life Dashboard, und wie es sich deine Häkchen merkt
→Wie du ein eigenes Designsystem anlegst, das Claude für neue Projekte nutzt
→Den Prompt für deine Personal Brand Website
→Den Prompt für einen Reiseplaner mit Drag-and-drop, Budget und Empfehlungen
→Was tun, wenn etwas nicht klappt

Was du brauchst

  • Ein Claude-Konto. Die Projekte entstehen als Artifacts, also als interaktive Seiten direkt im Chat.
  • Für den Reiseplaner die Websuche, damit Empfehlungen, Öffnungszeiten und Preise aktuell sind. Du schaltest sie im Chat über das Plus-Menü oder in den Einstellungen ein.
  • Etwa 15 Minuten pro Projekt, davon die meiste Zeit fürs Ausfüllen der Klammern.
1Life Dashboard

Deine Ziele, Gewohnheiten und Projekte auf einer Seite. Fortschritt verfolgen, tägliche Schritte abhaken, sehen, was wirklich vorangeht.

2Personal Brand Website

Eine Seite über dich und dein Angebot, gebaut mit deinem eigenen Designsystem aus Farben und Schriften.

3Reiseplaner

Ein interaktiver Plan: Aktivitäten zwischen Tagen verschieben, Flüge, Hotel und Budget an einem Ort, Empfehlungen nach deinen Vorlieben.

Alle drei Prompts zum Mitnehmen

Hol dir den vollständigen Guide als PDF.

Die Prompts für Life Dashboard, Designsystem, Website und Reiseplaner, dazu die Nachbesserungs-Prompts und die Checkliste. Als PDF, damit du sie beim Bauen neben dir hast.

Projekt 1: Life Dashboard

Schreib dir vorher kurz auf, was rein soll: drei Ziele für dieses Jahr, zwei bis vier Gewohnheiten und deine laufenden Projekte mit dem jeweils nächsten Schritt. Je konkreter die Angaben, desto brauchbarer das Dashboard. „Fitter werden“ ergibt einen leeren Balken, „Halbmarathon unter 2 Stunden“ einen Plan.

Prompt — Life Dashboard
Baue mir ein Life Dashboard als interaktives Artifact.

Meine Ziele für dieses Jahr:
- [Ziel 1, z. B. Halbmarathon unter 2 Stunden]
- [Ziel 2]
- [Ziel 3]

Meine Gewohnheiten:
- [z. B. 20 Minuten lesen, täglich]
- [z. B. Training, 4× pro Woche]

Meine laufenden Projekte:
- [Projekt, nächster Schritt, Deadline]

Das Dashboard soll:
1. zu jedem Ziel einen Fortschrittsbalken zeigen, den ich selbst aktualisieren kann
2. eine Liste „Heute“ mit meinen nächsten Schritten haben, die ich abhaken kann
3. meine Gewohnheiten als Wochenraster mit Serie zeigen
4. eine Karte „Was vorangeht“ haben: wo ich diese Woche Fortschritt gemacht habe und wo nichts passiert ist
5. meine Häkchen und Werte speichern, damit sie beim nächsten Öffnen noch da sind

Stil: hell, ruhig, gut lesbar auf dem Handy.
Frag mich zuerst, wenn dir Angaben fehlen.

Claude baut daraus eine Seite mit Fortschrittsbalken, einer Tagesliste zum Abhaken, einem Wochenraster für deine Gewohnheiten und einer Karte, die dir zeigt, wo sich gerade etwas bewegt. Danach baust du im selben Chat weiter, zum Beispiel so:

Nachbessern
Teile jedes Ziel in drei Meilensteine auf und zeig mir oben, welcher als Nächstes dran ist. Füge außerdem einen Wochenrückblick mit drei Fragen hinzu, die ich jeden Sonntag beantworte.

Projekt 2: Personal Brand Website

Hier lohnt sich die Reihenfolge: erst das Designsystem, dann die Website. Ein Designsystem hält deine Farben, Schriften, Abstände und Bausteine wie Buttons und Karten fest. Claude baut dann jede neue Seite in deinem Look, statt jedes Mal einen neuen zu erfinden.

Schritt 1: Designsystem anlegen

Öffne einen neuen Chat und klick unten im Eingabefeld auf das Plus. Dann:

•Designsystem wählen
•Neues Designsystem wählen
•Mit Claude wählen

Jetzt kannst du Markendateien hochladen, etwa dein Logo, einen Styleguide oder Screenshots deiner Social-Media-Profile. Hast du nichts davon, beschreibst du deine Marke einfach:

Prompt — Designsystem
Leg mir ein Designsystem für meine Personal Brand an.

Marke: [Name], [was du machst, in einem Satz]
Wirkung: [z. B. klar, freundlich, redaktionell]
Farben: [z. B. Creme als Grundfläche, Fast-Schwarz für Text, ein kräftiger Akzent sparsam eingesetzt]
Schriften: [z. B. eine Serifenschrift für Überschriften, eine schlichte Sans für Text]

Lege dazu Abstände, Eckenradien, Buttons, Karten und Formularfelder an, die zu dieser Wirkung passen.
Wenn ich keine Farben oder Schriften angebe, schlag mir drei Richtungen vor und lass mich wählen.

Unter Plus → Designsystem findest du es danach bei „Deine“. Ist es als Standard gesetzt, verwendet Claude es für deine neuen Projekte automatisch.

Schritt 2: Website bauen

Wähl dein Designsystem im Plus-Menü aus und schick dann diesen Prompt:

Prompt — Personal Brand Website
Baue mir eine Personal Brand Website als eine Seite.

Über mich: [Name, was du machst, für wen]
Mein Angebot: [z. B. Newsletter, Coaching, Produkte]
Bereiche: Startseite mit klarer Überschrift, Über mich, [Angebot], [Inhalte oder Projekte], Kontakt
Ton: [z. B. direkt, freundlich, ohne Floskeln]
Ziel der Seite: [z. B. Anmeldungen für meinen Newsletter]

Nutze mein Designsystem.
Schreib alle Texte auf Deutsch aus meiner Sicht und markiere Stellen, an denen echte Angaben von mir fehlen.
Die Seite soll auf dem Handy genauso gut funktionieren.

Claude schreibt die Texte gleich mit und markiert, wo echte Angaben fehlen, zum Beispiel Zahlen, Kundenstimmen oder dein Kontakt. Erfinde dort nichts, sondern füll die Stellen mit echten Infos. Danach zum Beispiel:

Nachbessern
Schreib mir für die Startseite drei Varianten der Überschrift und baue die beste ein. Ich lade dir gleich ein Porträt hoch, setz es in den Kopfbereich.
Online stellen:

In Claude bekommt die Seite einen eigenen Link, den du teilen kannst. Soll sie unter deiner eigenen Domain laufen, bitte Claude um den kompletten Code als eine HTML-Datei und lade sie bei deinem Hoster hoch.

Projekt 3: Reiseplaner

Sammle vorher, was schon feststeht: Ziel, Daten, Flüge und Hotel, falls gebucht, dein Budget und die Orte, die du auf keinen Fall verpassen willst. Bei den Vorlieben lohnt sich Ehrlichkeit. „Ich hasse Schlangen und frühes Aufstehen“ hilft dem Planer mehr als „alles interessant“.

Prompt — Reiseplaner
Baue mir einen interaktiven Reiseplaner als Artifact.

Reise: [Ziel], [Anreise] bis [Abreise]
Mit: [allein / zu zweit / mit Familie]
Orte, die ich sehen will: [Ort 1], [Ort 2], [Ort 3]
Flüge: [Flugnummern und Zeiten] oder „noch offen“
Hotel: [Name, Nächte] oder „noch offen“
Budget: [Betrag] insgesamt
Meine Vorlieben: [z. B. Seafood, Aussichtspunkte, viel zu Fuß]

Der Planer soll:
1. pro Tag eine Spalte mit Aktivitäten und Uhrzeiten haben, die ich per Drag-and-drop zwischen den Tagen verschieben kann
2. oben eine Übersicht mit Flügen, Hotel und Budget zeigen; geplante Ausgaben werden vom Budget abgezogen
3. mir passende Orte und Restaurants nach meinen Vorlieben empfehlen, mit kurzer Begründung und einem Knopf, der sie in den Plan übernimmt
4. Wege zwischen den Stationen realistisch einplanen
5. meine Änderungen speichern

Such im Web nach aktuellen Öffnungszeiten und Preisen, bevor du etwas empfiehlst.

Im fertigen Plan ziehst du eine Aktivität einfach mit der Maus von einem Tag auf den anderen. Oben siehst du Flüge, Hotel und wie viel vom Budget noch übrig ist. Die Empfehlungen übernimmst du mit einem Klick. Für unterwegs:

Nachbessern
Mach mir aus dem Plan eine kompakte Tagesansicht für unterwegs: nur der heutige Tag, mit Uhrzeiten, Adressen und dem Weg zur nächsten Station.

Wenn etwas nicht klappt

✕Claude antwortet nur mit Text statt mit einer interaktiven Seite: Schreib dazu „als Artifact“ und prüf in den Einstellungen, ob Artifacts eingeschaltet sind.
✕Nach dem Neuladen sind deine Häkchen weg: Bitte Claude, die Daten dauerhaft zu speichern, oder lass dir einen Knopf zum Exportieren und Importieren einbauen.
✕Drag-and-drop geht auf dem Handy nicht: Bitte um Pfeil-Knöpfe zum Verschieben zwischen den Tagen.
✕Die Website sieht nicht nach deinem Designsystem aus: Vor dem Prompt im Plus-Menü unter Designsystem dein System auswählen und im Prompt „Nutze mein Designsystem“ stehen lassen.
✕Die Empfehlungen wirken veraltet: Websuche einschalten und Claude bitten, die Quellen zu jeder Empfehlung anzuzeigen.

Das Reel zu diesem Stück liegt auf Instagram.

Dein Aktionsplan

Hak ab, was du erledigt hast:

Dein nächster Schritt

Bau heute Abend das Life Dashboard. Die anderen zwei schaffst du am Wochenende.

Solche praxisnahen Systeme schicke ich jede Woche per Newsletter — ein System, ein Tool, ein Prompt. Kurz, konkret, sofort anwendbar.

Passt dazu

Christopher Thanisch

Christopher Thanisch

Ich übersetze KI in brauchbare Systeme für den Arbeitsalltag — Systeme statt Hypes.