Claude Artifacts + React: Professor cria jogo de mini golfe para aulas de ângulos em 20 minutos
Um professor (u/cram213) usou o Claude para criar rapidamente um jogo de minigolfe que ensina ângulos, contornando restrições escolares ao exportar de Artifacts para HTML puro. Todo o fluxo de trabalho — desde comandos de voz no celular até um jogo web publicado — levou cerca de 20 minutos.
Fluxo de trabalho
- Construção inicial: Usando o recurso Artifact do Claude com React, o professor criou um jogo de minigolfe jogável para demonstrar ângulos visualmente. A escola usa Gemini, então os URLs dos Artifacts publicados estavam inacessíveis.
- Solução de exportação: O professor pediu ao Claude que convertesse o Artifact em um arquivo HTML independente e o hospedou em um site pessoal (constraintlayer.ai/educational-engines/golf.html).
- Iteração: O processo envolveu falar ao telefone para dar comandos e, em seguida, fornecer feedback ao Claude após testar o jogo na prévia do Artifact.
- Extensão com alunos: Após jogar, os alunos desenharam seus próprios percursos no papel. O professor enviou cada desenho ao Claude e, em cerca de um minuto, a turma podia jogar seus percursos personalizados.
Principal lição técnica
O professor enfatiza pensar como um engenheiro de sistemas: descreva o problema, planeje para casos extremos ("coisas estúpidas que os alunos podem fazer") e escolha o formato de saída certo para suas restrições de implantação. Artifacts com React são ótimos para prototipagem, mas exportar para HTML puro (sem dependências externas) garante que funcione em qualquer rede escolar — sem necessidade de Gemini, nem de URL do Artifact do Claude.
📖 Leia a fonte completa: r/ClaudeAI
👀 See Also
Desenvolvedor Concede Acesso Root ao Código do Claude, Revoluciona Fluxo de Trabalho de Desenvolvimento
Um desenvolvedor concedeu acesso root ao Claude Code em seu servidor, monitorou todos os comandos e descobriu que ele fez alterações calmas e metódicas que abordaram as causas raiz, não apenas os sintomas. Isso levou a uma mudança em seu fluxo de trabalho para desenvolver diretamente em um ambiente clonado da produção.
Detalhes do Usuário do Claude Code Aplicativo de Produção Desafios: Segurança, Conformidade e Casos de Borda
Um desenvolvedor que está construindo um aplicativo de finanças pessoais com o Claude Code há seis meses compartilha desafios específicos de produção: auditorias de segurança revelaram vulnerabilidades de autoescalonamento e vazamentos de dados, a integração com o Plaid exigiu configuração de LLC/EIN e teve bugs técnicos, e rejeições da App Store por questões não técnicas.
Claude Opus Usado para Criar Partido Político de IA com Reverse-CAPTCHA
Um desenvolvedor criou kifd.org, um partido político fictício de IA para a Alemanha, inteiramente gerado por Claude Opus 4.6. O projeto apresenta prompts de sistema públicos para cada membro do gabinete e um CAPTCHA reverso que exige provar que você é uma IA para se juntar.
Estudante de Pós-Graduação Usa Claude para Construir Experimento de Detecção de Imagens de IA
Um estudante de pós-graduação da The New School colaborou com Claude para construir um site chamado InPixelsWeTrust.org que testa se os usuários conseguem distinguir fotos reais de imagens geradas por IA em 6 rodadas com decisões de 10 segundos.