Não programador constrói painel ao vivo da MLB usando Claude AI e Claude Code no GitHub Codespaces
Como um não-desenvolvedor criou um painel funcional da MLB
Um usuário do Reddit com experiência mínima em programação (apenas conhecimento de HTML/CSS do ensino médio) criou com sucesso um painel ao vivo da MLB usando ferramentas de IA Claude. O usuário começou sem conhecimento de GitHub, repositórios, implantações, frameworks ou até comandos básicos como npm install.
Processo de desenvolvimento com ferramentas Claude
O usuário combinou dois produtos Claude: Claude chat para ideação e Claude Code no GitHub Codespaces para implementação. O fluxo de trabalho envolveu:
- Usar o Claude chat para gerar uma página completa de instruções de construção que poderiam ser coladas diretamente no Claude Code
- Ter o Claude guiando a configuração do Node.js e explicando o que é um terminal
- Receber correções automáticas quando algo quebrava durante o desenvolvimento
- Seguir orientações para configurar um repositório e conectar o Claude Code ao GitHub Codespaces
- Configurar GitHub Actions para coletar dados de sites
- Conectar ao Vercel para hospedagem
Recursos do painel
O painel resultante em mlbhq.vercel.app inclui:
- Placares ao vivo quando os jogos estão ativos
- Exibição dos próximos jogos agendados dos times
- Últimos 5 jogos com estatísticas detalhadas em menus suspensos
- Estatísticas de times e arremessadores da temporada anterior (serão atualizadas quando a nova temporada começar)
- Classificações e informações de elenco
- Relatórios de lesões que coletam a página de relatórios de lesões de cada time, mostrando status dos jogadores e datas esperadas de retorno
O usuário observa que o site foi construído especificamente para criar um painel com todas as informações sobre os Yankees, embora pareça cobrir vários times. Eles reconhecem possíveis questões legais com o uso de dados da MLB e acesso à API.
Considerações sobre o ambiente de desenvolvimento
O usuário está considerando se deve baixar o VS Code em vez de continuar usando exclusivamente o GitHub Codespaces, sugerindo que o Codespaces forneceu um ambiente de desenvolvimento suficiente para este projeto, apesar da falta de experiência prévia.
📖 Leia a fonte completa: r/ClaudeAI
👀 See Also
O Framework Autoevolve Utiliza o Código Claude para o Desenvolvimento de IA em Jogos por Meio de Evolução por Autojogo
Um desenvolvedor usou exclusivamente o Claude Code para competir em uma Game AI Cup, ficando em 6º lugar entre 83 participantes através de 130 iterações automatizadas. A estrutura autoevolve implementa um loop de evolução de autojogo onde o Claude analisa o desempenho do bot, propõe alterações e compara novas versões com as anteriores.
Claude para Conformidade em Engenharia: Análise de Fluxo de Trabalho de 6 Meses
Uma empresa técnica compartilha como usa Projetos, Artefatos e a capacidade de seguir restrições do Claude para evitar alucinações em especificações voltadas para clientes.
Agente OpenClaw automatiza pipeline completo de conteúdo de vídeo usando Remotion e Hyperframes
Um usuário construiu um agente no OpenClaw que gerencia sistemas de arquivos, gera imagens, anima-as, pesquisa histórias e produz vídeos completos usando Remotion e Hyperframes — tudo automatizado e repetível.
Explorando Casos de Uso Não Codificados do OpenClaw
O OpenClaw vai além dos fluxos de trabalho de programação, com aplicações em áreas como integração com óculos inteligentes, controle de carro via Telegram e muito mais.