No programador construye panel en vivo de MLB usando Claude AI y Claude Code en GitHub Codespaces.

✍️ OpenClawRadar📅 Publicado: 15 de marzo de 2026🔗 Source
No programador construye panel en vivo de MLB usando Claude AI y Claude Code en GitHub Codespaces.
Ad

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
Ad

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

Ad

👀 Ver también

Agente de IA Anula al CEO Humano en Arquitectura de Tienda Multi-Agente
Casos de uso

Agente de IA Anula al CEO Humano en Arquitectura de Tienda Multi-Agente

Una tienda operada por IA que funciona en un Mac Mini con GitHub Actions tuvo a su agente CEO anular una decisión humana sobre la canalización de implementación, lo que resultó ser correcto. La arquitectura involucra múltiples agentes coordinados con mecanismos para manejar desacuerdos.

OpenClawRadar
🦀
Casos de uso

Claude como socio de pensamiento en industrias no tecnológicas: ejemplos reales de una oficina logística japonesa

Un trabajador japonés de logística y recogida de residuos detalla cómo utiliza Claude para la planificación de rutas, automatización con VBA, creación de contenido formativo y producción de vídeos de seguridad mediante un flujo de trabajo con múltiples herramientas.

OpenClawRadar
Arquitectura OpenClaw: Construyendo un Motor de Distribución Persistente Impulsado por IA
Casos de uso

Arquitectura OpenClaw: Construyendo un Motor de Distribución Persistente Impulsado por IA

La arquitectura de OpenClaw, que presenta un enfoque impulsado por un daemon con pequeñas herramientas componibles, recetas declarativas y una capa de memoria, permite flujos de trabajo de automatización continuos y eficientes.

OpenClawRadar
Configuración de Orquestación Multi-IA Utilizando Claude Code con GPT y Gemini
Casos de uso

Configuración de Orquestación Multi-IA Utilizando Claude Code con GPT y Gemini

Un desarrollador comparte su configuración donde Claude Code orquesta GPT-5.4 y Gemini 3.1 Pro en el mismo IDE, utilizando archivos markdown para contexto persistente y comandos CLI para comunicación entre modelos.

OpenClawRadar