Pular para o conteúdo
Voltar para a home

Kepler Lab

Experiência web 3D para explorar a Via Láctea, com 22 destinos astronômicos e conteúdo científico curado.

Ver demoRepositório

Problema

Conteúdo de astronomia costuma estar em textos longos ou em simuladores difíceis de usar. A ideia foi criar um jeito visual, em português, de explorar a Via Láctea com informação confiável.

Decisões

  • Three.js com React para renderizar a cena 3D e manter a interface organizada em componentes.
  • Vite e JavaScript para build rápido.
  • Conteúdo científico curado de fontes institucionais.
  • Suporte a movimento reduzido e modo de alto contraste desde o início.

Stack

  • React
  • Vite
  • Three.js
  • JavaScript

Resultado

Aplicação publicada na Vercel com 22 destinos astronômicos, testes unitários e recursos de acessibilidade.

Aprendizado

Equilibrar gráficos 3D com acessibilidade e organizar conteúdo científico para quem não é especialista.

Como usei IA

Desenvolvido com Claude Code a partir de um CLAUDE.md com os princípios, a arquitetura e os comandos do projeto; o AGENTS.md só aponta para ele. Cada fase seguiu um plano em docs/superpowers/plans, executado tarefa a tarefa com TDD. Um skill de projeto, /verify, roda testes, build e lint antes de qualquer mudança ser declarada pronta, e um hook em .claude/settings.json roda o lint depois de cada edição.

Evidências