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
Monitor de Conflictos en Tiempo Real Desarrollado con la API de Claude Analiza el Impacto de las Noticias
Un desarrollador utilizó la API de Claude para construir una canalización automatizada que lee noticias sobre conflictos de más de 100 fuentes, las clasifica por tema/país/gravedad, genera puntuaciones de impacto (1-100) y produce resúmenes inteligentes de 3 líneas.
Usando Claude para Construir un Motor de Búsqueda Estructurado de Pokémon a partir de Texto No Estructurado de la Pokédex
Un desarrollador utilizó Claude para analizar más de 500,000 palabras de texto no estructurado de la Pokédex de Pokémon, creando un motor de búsqueda con más de 100 temas y filtros en 8 dimensiones. El proyecto involucró deduplicación, categorización y la construcción de una taxonomía jerárquica para textos descriptivos desordenados.
Convierte tu briefing de OpenClaw en un feed de podcast para Apple Podcasts
Un usuario de Reddit comparte un flujo de trabajo simple para convertir el resumen matutino de OpenClaw en un feed de podcast: convertir el texto a voz con TTS, alojar el MP3, añadirlo a un XML RSS y suscribirse en Apple Podcasts.
Claude construyó un simulador de teclado esqueuomórfico en una sola sesión — Transcripciones públicas, fondos de Unsplash con proxy CORS
Una sola sesión de Claude produjo una aplicación de escritura esqueuomórfica con transcripción pública, entrada oculta para manejo nativo de atajos, teclas SVG desde Figma y fondos de Unsplash con proxy CORS servidos como WebP.