1

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

Carregando publicação patrocinada...