No programador construye panel en vivo de MLB usando Claude AI y Claude Code en GitHub Codespaces.
Cómo una persona sin conocimientos de desarrollo construyó un panel de control funcional de MLB
Un usuario de Reddit con experiencia mínima en programación (solo conocimientos de HTML/CSS de la escuela secundaria) creó exitosamente un panel de control en vivo de MLB utilizando las herramientas de Claude AI. El usuario comenzó sin conocimiento de GitHub, repositorios, despliegues, frameworks o incluso comandos básicos como npm install.
Proceso de desarrollo con las herramientas de Claude
El usuario combinó dos productos de Claude: Claude chat para ideación y Claude Code en GitHub Codespaces para implementación. El flujo de trabajo incluyó:
- Usar Claude chat para generar una página completa de instrucciones de construcción que podían pegarse directamente en Claude Code
- Hacer que Claude guiara la configuración de Node.js y explicara qué es una terminal
- Obtener correcciones automáticas cuando algo se rompía durante el desarrollo
- Seguir orientación para configurar un repositorio y conectar Claude Code a GitHub Codespaces
- Configurar GitHub Actions para extraer datos de sitios web
- Conectarse a Vercel para alojamiento
Características del panel de control
El panel de control resultante en mlbhq.vercel.app incluye:
- Puntuaciones de partidos en vivo cuando los juegos están activos
- Visualización de los próximos partidos programados de los equipos
- Últimos 5 partidos con estadísticas desplegables del juego
- Estadísticas de equipos y estadísticas de lanzamiento de la temporada anterior (se actualizarán cuando comience la nueva temporada)
- Clasificaciones e información de plantilla
- Informes de lesiones que extraen la página de informes de lesiones de cada equipo, mostrando el estado del jugador y fechas de regreso esperadas
El usuario señala que el sitio se construyó específicamente para crear un panel de control con toda la información sobre los Yankees, aunque parece cubrir múltiples equipos. Reconocen posibles problemas legales con el uso de datos de MLB y el acceso a la API.
Consideraciones sobre el entorno de desarrollo
El usuario está considerando si descargar VS Code en lugar de continuar usando exclusivamente GitHub Codespaces, sugiriendo que Codespaces proporcionó un entorno de desarrollo suficiente para este proyecto a pesar de su falta de experiencia previa.
📖 Leer la fuente completa: r/ClaudeAI
👀 Ver también
Claude como asistente de escritura de memorias para un usuario de 80 años: casos prácticos y limitaciones
Un usuario de 80 años describe cómo usa Claude para ayudar a escribir memorias, gestionar problemas técnicos (hosting, correo electrónico, Mac Mini), encontrar software de contabilidad (no QuickBooks) y generar interpretaciones astrológicas, con notas honestas sobre la precisión de los cálculos y la corrección iterativa.
Estudio de caso: Construcción de una aplicación web Full-Stack con Claude en seis semanas
Un desarrollador de 19 años de Nepal utilizó Claude para crear y lanzar Somnia, una aplicación web de diario de sueños con 100 usuarios y 7 clientes de pago en seis semanas. El flujo de trabajo consistió en tratar a Claude como un desarrollador junior con tareas bien delimitadas y criterios de aceptación claros.
Configuración Local de IA Multi-Agente en WSL Usando OpenClaw y Ollama
Un desarrollador comparte su arquitectura para ejecutar un sistema de IA multiagente en WSL Ubuntu 24.04 utilizando OpenClaw como puerta de enlace, con cuatro agentes especializados, incluyendo uno que se ejecuta localmente en Ollama sin costos de API.
Usando Claude Cowork para Automatizar la Extracción de Tarjetas de Regalo de Gmail
Un desarrollador utilizó Claude Cowork para extraer 48 números de tarjetas de regalo de Gmail conectándose a su cuenta, buscando correos electrónicos con asuntos específicos y ejecutando scripts de JavaScript para automatizar la interacción con sitios web después de que scripts de Python activaran la detección de bots.