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
Integrando agentes de IA como contratantes juniores: CLAUDE.md e lições de produção
Uma loja operada inteiramente por agentes de IA tratou a integração como a contratação de um contratante júnior, descobrindo que restrições claras em um documento CLAUDE.md consistentemente superaram modelos 'mais inteligentes' com instruções vagas.
100 Agentes Paralelos Claude Engenharia Reversa de Marketing Open Source: Um Manual do r/ClaudeAI
Desenvolvedor cria 100 sessões paralelas de Claude+Codex para analisar por que seu projeto open-source recebeu zero upvotes — agentes retornaram um manual de marketing de 7 pontos e descobriram o registro de plugins da Anthropic como um canal de baixa concorrência.
Como o OpenClaw executa um sistema operacional de IA para finanças, fusões e aquisições e governança
Um profissional detalha como construiu um sistema operacional de IA no OpenClaw para finanças, M&A e governança—cobrindo arquitetura, fluxos de trabalho e lições sobre proveniência e etapas de revisão.
Construindo um Rastreador de Demissões em IA com Claude Cowork: Detalhes de Implementação Prática
Um desenvolvedor criou um rastreador de demissões ao vivo e interativo que coleta e exibe empresas que citam IA como motivo para cortes de empregos em 2026, usando Claude Cowork para gerar estruturas de tabela, depurar lógica de filtros e otimizar acessibilidade móvel.