Pitch: tarcsweb, uma interface open source pro Claude Code e o Codex
O tarcsweb começou como o meu setup pessoal pro Claude Code e o Codex. Ele junta os dois agentes numa janela só e deixa eles explicarem as coisas com gráficos, rascunhos e prévias que rodam ali mesmo, então eu parei de ficar pulando entre o terminal e outros apps.
Por que eu saí do terminal
Eu sempre usei o Claude Code e o Codex pela CLI, no terminal. Com o tempo, comecei a querer que o agente me respondesse de outro jeito: respostas mais curtas, um gráfico quando tinha número, um antes e depois quando o código mudava e um protótipo clicável quando a ideia era de interface. O terminal não ia tão longe, então eu dei uma página pro agente desenhar.
Também queria o Claude e o Codex no mesmo lugar, porque cada um faz coisas que o outro não faz. O Claude não gera imagem, por exemplo.
O que tem nele
- Respostas que chegam curtas, com trechos que você clica pra expandir só aquela parte.
- Gráficos, checklists, diagramas e cartões de pergunta dentro do chat.
- Um painel onde os agentes do Claude e do Codex rodam lado a lado, cada um com o seu progresso.
- Um board pra rabiscar uma ideia ou marcar um print e mandar pro agente. Se o desenho sair ruim, um modelo da tua própria assinatura deixa ele legível antes.
- Sugestão de skills feita pelo Haiku, um resumo falado do que o agente fez e um modo remoto.
Como funciona por baixo
O servidor é Node com TypeScript em cima do Claude Agent SDK. Ele mantém uma sessão por conversa e conversa com o navegador por um WebSocket. O cliente é React com Vite, e o Codex entra pelo app-server da própria CLI. As respostas visuais são blocos que o modelo escreve no markdown e que o cliente transforma em componentes.
Tudo roda com as assinaturas do Claude e do Codex que você já tem, sem chave de API.
Pra testar
O código é opensource: https://github.com/TLucas97/tarcsweb
Pra rodar: npx tarcsweb