Nicht-Programmierer erstellt Live-MLB-Dashboard mit Claude AI und Claude Code auf GitHub Codespaces
Wie ein Nicht-Entwickler ein funktionales MLB-Dashboard erstellte
Ein Reddit-Nutzer mit minimaler Programmiererfahrung (nur HTML/CSS-Kenntnisse aus der Schulzeit) hat erfolgreich ein Live-MLB-Dashboard mit Claude AI-Tools erstellt. Der Nutzer begann ohne Kenntnisse von GitHub, Repositories, Deployments, Frameworks oder sogar grundlegenden Befehlen wie npm install.
Entwicklungsprozess mit Claude-Tools
Der Nutzer kombinierte zwei Claude-Produkte: Claude Chat für die Ideenfindung und Claude Code auf GitHub Codespaces für die Umsetzung. Der Arbeitsablauf umfasste:
- Verwendung von Claude Chat, um eine ganze Seite mit Build-Anweisungen zu generieren, die direkt in Claude Code eingefügt werden konnten
- Claude führte durch die Einrichtung von Node.js und erklärte, was ein Terminal ist
- Automatische Fehlerbehebungen, wenn während der Entwicklung etwas kaputtging
- Anleitung zum Einrichten eines Repositorys und Verbinden von Claude Code mit GitHub Codespaces
- Einrichtung von GitHub Actions zum Abrufen von Website-Daten
- Verbindung zu Vercel für das Hosting
Dashboard-Funktionen
Das resultierende Dashboard unter mlbhq.vercel.app enthält:
- Live-Spielergebnisse bei aktiven Spielen
- Anzeige der nächsten geplanten Spiele der Teams
- Letzte 5 Spiele mit aufklappbaren Spielstatistiken
- Teamstatistiken und Pitching-Statistiken aus der vorherigen Saison (werden aktualisiert, wenn die neue Saison beginnt)
- Tabellenplatzierungen und Kaderinformationen
- Verletzungsberichte, die die Verletzungsberichtsseiten jedes Teams abrufen und Spielerstatus sowie voraussichtliche Rückkehrtermine anzeigen
Der Nutzer merkt an, dass die Website speziell erstellt wurde, um ein Dashboard mit allen Informationen über die Yankees zu erstellen, obwohl sie mehrere Teams abzudecken scheint. Sie erkennen potenzielle rechtliche Probleme bei der Verwendung von MLB-Daten und API-Zugriff an.
Überlegungen zur Entwicklungsumgebung
Der Nutzer überlegt, ob er VS Code herunterladen soll, anstatt weiterhin ausschließlich GitHub Codespaces zu verwenden, was darauf hindeutet, dass Codespaces trotz mangelnder Vorerfahrung eine ausreichende Entwicklungsumgebung für dieses Projekt bot.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Mehr-Agenten-Sicherheitsüberprüfung läuft täglich in der Produktion: Architektur und Erkenntnisse
ultrathink.art betreibt 6+ KI-Agenten im Produktivbetrieb, darunter einen dedizierten Sicherheitsagenten, der täglich Schwachstellenprüfungen anhand einer strukturierten Checkliste durchführt, Ergebnisse als priorisierte Aufgaben erfasst und von einem Programmieragenten automatisch beheben lässt.
Fallstudie: Verwendung von LLM-Prompts anstelle von programmatischem Scaffolding für Multi-Agenten-Software-Erstellung
Eine Fallstudie von 10 autonomen Software-Builds mit einem Claude-Opus-Orchestrator mit CLI-Zugriff und Codex-Worker-Agents produzierte 10 TypeScript-Browserspiele mit insgesamt über 50.000 Codezeilen ohne menschliche Code-Intervention. Die Orchestrierungslogik war vollständig prompt-basiert und ersetzte ein speziell entwickeltes Gerüst.
Benutzerdefinierte OpenClaw-Fähigkeiten für CRM- und CMS-Integration
Ein Entwickler erstellte benutzerdefinierte OpenClaw-Fähigkeiten, um mit eigenen CRM- und CMS-Systemen zu interagieren, was automatisierte Lead-Generierung und Inhaltserstellung mit menschlicher Überwachung ermöglicht. Die Einrichtung dauerte einen Tag.
IT-Ingenieur-Erfahrung mit KI-unterstützter Entwicklung deckt häufige Fallstricke auf
Ein IT-Ingenieur mit Hintergrund in System- und Automatisierungstechnik teilt seine Erfahrungen bei der Nutzung von KI für die Full-Stack-Entwicklung und erläutert spezifische Architekturprobleme, die mit dem Wachstum von Anwendungen auftraten, darunter übermäßige Datenverarbeitung auf Client-Seite, mangelnde Trennung der Zuständigkeiten und Sicherheitsprobleme.