Henry Prill
← Anleitungen [ Anleitung ]

Anleitung · KI

Dein eigenes Fitness-Dashboard mit KI

Von deinen Garmin-Daten zum persönlichen Dashboard — an einem Abend, ohne Programmierkenntnisse.

Aus „Ich hab die Fitness-App meiner Freundin ersetzt“ Aktualisiert am

Die Schritt-für-Schritt-Anleitung — von deinen Garmin-Daten zum persönlichen Dashboard, an einem Abend.

Genau so habe ich das Dashboard aus dem Video gebaut. Du brauchst keine Programmier-Erfahrung — die KI schreibt den Code, du triffst die Entscheidungen.

1. Was du brauchst

  • Ein Garmin-Konto (Garmin Connect — hast du, wenn du eine Garmin-Uhr trägst)
  • Claude Code — das KI-Tool, das den ganzen Code schreibt (claude.com/claude-code, es gibt einen kostenlosen Einstieg über den Claude-Account)
  • Einen kostenlosen GitHub-Account (github.com) — dort liegt später dein Projekt
  • Einen kostenlosen Vercel-Account (vercel.com) — dort läuft dein Dashboard im Netz
  • ~1 Abend Zeit

Hinweis zu Strava: Falls du Strava statt Garmin nutzt, funktioniert alles genauso — sag es Claude einfach im Prompt (Schritt 3). Strava hat sogar den saubereren offiziellen Anmelde-Weg. Garmin liefert dafür die tieferen Daten: Schlaf, HRV, Body Battery, Stress.

2. Claude Code starten

Wichtig: Der Prompt gehört in Claude Code, nicht in einen normalen Claude-Chat. Ein Chat-Fenster kann nichts auf deinem Rechner installieren oder ausführen — Claude Code schon. Das ist der Agent, der im Terminal läuft und die Schritte wirklich für dich erledigt.

  1. Installiere Claude Code (Anleitung auf claude.com/claude-code — auf dem Mac ein Befehl im Terminal).
  2. Öffne das Terminal, tippe claude — fertig. Ordner und Dateien legt Claude selbst an.
  3. Ab jetzt redest du einfach mit Claude — auf Deutsch, ganz normal.

3. Der Prompt

Das ist der Master-Prompt. Kopier ihn komplett, füll die [KLAMMERN] aus, schick ihn ab:

Ich will ein persönliches Fitness-Dashboard aus meinen Garmin-Connect-Daten
bauen — und ich fange bei null an. Ich lade nichts selbst herunter, lege
keine Ordner an und schreibe keinen Code. Das machst alles du. Führe mich
Schritt für Schritt durch, in einfachem Deutsch, und halte an und warte auf
mich, wann immer du etwas von mir brauchst.

DATEN (read-only — du schreibst NIEMALS etwas in mein Garmin-Konto zurück):
- Lege einen Projektordner an (z. B. "fitness-dashboard") und arbeite darin.
- Schreibe ein Python-Sync-Script auf Basis der Open-Source-Bibliothek
  python-garminconnect von cyberjunky
  (github.com/cyberjunky/python-garminconnect). Prüfe zuerst, ob ich Python
  habe, und hilf mir bei der Installation, falls nicht.
- Das Script zieht meine Aktivitäten (Läufe, Radfahren, Training) plus
  meine täglichen Recovery-Daten (Schlaf, HRV, Ruhepuls, Body Battery,
  Stress, Schritte) der letzten 90 Tage und speichert alles als data.json.
- Beim einmaligen Garmin-Login: halte an und frag mich nach E-Mail und
  Passwort — das ist das Einzige, was ich in diesem ganzen Projekt selbst
  eintippe. Passwort in einem versteckten Prompt abfragen (nichts sichtbar
  beim Tippen), 2FA-Code abfangen, falls Garmin einen verlangt. Mein
  Passwort wird nie gespeichert und nie im Chat ausgegeben; der Login-Token
  wird nur lokal gespeichert und mir nie angezeigt.
- Teste den Sync danach mit meinen letzten 3 Tagen und zeig mir das
  Ergebnis, damit ich sehe, dass es funktioniert.

DASHBOARD:
- Eine Website (Astro + Tailwind), mobile-first — ich schaue sie
  hauptsächlich am Handy an.
- Ganz oben: [DEINE 3 WICHTIGSTEN WERTE, z. B. "letzter Lauf, Schlaf
  letzte Nacht, Body Battery jetzt"].
- Danach: Wochenübersicht Training, Schlaf-Trend, HRV-/Ruhepuls-Trend.
- Diagramme bitte selbst als SVG bauen, keine Chart-Bibliotheken.
- Design: [DEINE FARBEN, z. B. "dunkles Tannengrün, cremeweißer
  Hintergrund"], Schrift: [z. B. "Space Grotesk"], ruhig und hochwertig —
  kein Standard-Template-Look.
- Baue das Dashboard ZUERST mit realistischen Beispieldaten, damit ich das
  Design abnehmen kann, bevor wir mein echtes Konto verbinden.

PRIVATSPHÄRE & LIVE-GANG:
- Das sind Gesundheitsdaten: GitHub-Repo privat, und die fertige Seite mit
  einem einfachen Passwortschutz versehen.
- Bereite das Deployment auf Vercel vor und erkläre mir die Schritte.
- Frag mich am Ende, ob die Daten jeden Morgen automatisch aktualisiert
  werden sollen — und wenn ich ja sage, richte das über GitHub Actions ein
  (damit es läuft, ohne dass mein Rechner an sein muss). Der Token darf
  dabei nur als GitHub-Secret gespeichert werden, nie im Code.

Geh einen Schritt nach dem anderen, erklär mir kurz was du tust, und lass
mich Befehle einfach nur bestätigen — ich fasse selbst keine Dateien an.

Die zwei Klammern sind der wichtigste Teil. Damit wird es dein Dashboard statt ein Template: Welche 3 Zahlen willst du jeden Morgen als Erstes sehen? Welche Farben fühlen sich nach dir an?

4. So läuft der Abend ab

  1. Vorschau mit Beispieldaten — Claude baut das Dashboard zuerst mit erfundenen Daten. Hier gibst du Design-Feedback („Überschrift größer”, „andere Farbe”), bis es dir gefällt. Das ist der spaßige Teil.
  2. Garmin verbinden — Claude führt dich durch den einmaligen Login. Danach liegt ein Zugangs-Token lokal bei dir, dein Passwort wird nie gespeichert.
  3. Erster echter Sync — deine echten Läufe und Schlafdaten erscheinen im Dashboard. Bester Moment des Abends.
  4. Live stellen — Claude erklärt dir die 3 Vercel-Schritte (Repo verbinden, Passwort als Umgebungsvariable setzen, deployen). Am Ende hast du eine private URL fürs Handy — Passwort drauf, fertig.

5. Wenn etwas hakt

  • Fehler beim Garmin-Login? Kopiere die komplette Fehlermeldung in den Chat und schreib: „Analysiere die Ursache, bevor du etwas änderst.” Claude debuggt das.
  • Dashboard sieht generisch aus? Sei brutaler im Feedback: „Das sieht nach Template aus. Mach es eigenwilliger — größere Typografie, mehr Weißraum.” Design wird durch Iterationen gut, nicht durch den ersten Wurf.
  • Grundregel: Du musst nichts davon selbst können. Deine Aufgabe ist zu sagen, was du willst und wie es aussehen soll — Claude kümmert sich um das Wie.

6. Gut zu wissen (Sicherheit & Grenzen)

  • Read-only. Das Script liest nur — es schreibt niemals etwas in dein Garmin-Konto zurück.
  • Dein Token ist ein Login. Der gespeicherte Garmin-Token gilt ~1 Jahr und ist ein echtes Zugangs-Credential: niemals posten, niemals in einen Chat kopieren, niemals auf GitHub committen (im Prompt oben ist das bereits abgesichert).
  • Inoffizielle Anbindung. Garmin hat keine öffentliche API — die Verbindung läuft über die Open-Source-Bibliothek python-garminconnect. Ändert Garmin seinen Login und der Sync bricht, sag Claude: „Update die garminconnect-Bibliothek und logge mich neu ein.” Das war’s.
  • Gesundheitsdaten sind sensibel. Deshalb: privates Repo + Passwortschutz auf der Seite. Beides ist im Prompt eingebaut — lass es nicht weg.

Sowas für dein Business statt für deine Läufe?

Das hier war ein Abend-Projekt. Dasselbe Prinzip — KI, die sich mit deinen echten Daten verbindet und daraus etwas baut, das genau dir gehört — funktioniert auch für dein Unternehmen: Anfragen, die sich selbst beantworten. Angebote, die sich selbst schreiben. Ein Instagram-Kanal auf Autopilot.

Genau das baue ich für Betriebe.

→ Schreib mir: @made.by.prill · madebyprill

Diese Anleitung ist Teil des Videos „Ich hab die Fitness-App meiner Freundin ersetzt”. Teilen erlaubt — freut mich sogar.