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
Usuário do OpenClaw Desenvolve Habilidades de Resumo de Extratos Bancários e de Cartão de Crédito
Um novo usuário do OpenClaw auto-hospedou a ferramenta em um servidor protegido e a usou para desenvolver duas habilidades personalizadas: uma para resumir e categorizar extratos bancários, e outra para resumir extratos de cartão de crédito com categorização e detecção de interrupções. As habilidades geram relatórios automaticamente quando novos extratos aparecem e enviam notificações no Telegram.
Arquitetura do Orquestrador de Agentes Claude Code para Sistemas Multiagentes
A equipe Ultrathink gerencia uma loja operada por IA onde 6 agentes Claude Code cuidam do design, código, marketing e operações. Seu agente orquestrador coordena o trabalho entre agentes especializados, gerencia falhas e envia código para produção automaticamente.
Como Claude redigiu um aviso pré-processual e obteve reembolso total por um MacBook defeituoso
Um usuário do Reddit descreve como usou Claude para analisar a lei de defesa do consumidor indiana, redigir uma notificação pré-litígio e recuperar Rs. 40.219 (~US$ 480) de uma empresa que inicialmente ofereceu apenas 85% de reembolso.
Executando o OpenClaw com Credenciais de Nuvem Completas em vez de uma Máquina Dedicada
Um desenvolvedor compartilha sua experiência ao dar ao OpenClaw uma conta totalmente isolada no GCP com credenciais completas, permitindo que ele opere em mais de 40 projetos no GitHub, inicie cerca de 30 contêineres Docker e gerencie armazenamento, bancos de dados e infraestrutura de suporte.