Front-end Developer Pleno - React

Sua missão

Como nosso(a) Front-end Developer Pleno, você vai contribuir na construção das interfaces que tornam agentes de IA compreensíveis e controláveis, dentro do time de Agents & AI-Native, responsável pela camada de agentes da plataforma e pelas

capacidades de IA dentro do produto. Sua missão será entregar, com o apoio de pessoas mais experientes do time, as telas e os fluxos que permitem a quem configura um agente entender o que ele pode fazer e a quem revisa uma decisão ver o que o agente viu, pediu, recebeu e decidiu, dando rastreabilidade e controle a clientes que operam crédito, fraude, AML e KYC em ambiente regulado.

O que você vai fazer no dia a dia

• Implementar interfaces para configurar, publicar e acompanhar agentes de IA.
• Contribuir na visualização de execuções de agentes: etapas, consumo e progresso em tempo real.
• Desenvolver fluxos de revisão e aprovação humana a partir de specs e designs definidos com o time.
• Apresentar decisões e evidências de forma clara para quem revisa.
• Tratar streaming, estados parciais, erros e retomada, com orientação do time nos casos mais complexos.
• Contribuir com a evolução do design system, criando e ajustando componentes acessíveis e consistentes.
• Integrar com o backend via tRPC, com tipos compartilhados de ponta a ponta.
• Escrever testes de componente e de ponta a ponta no mesmo PR que o código.
• Colaborar com design, produto e backend, participando das discussões de spec e trazendo sugestões para as decisões de interface.

Stack e ferramentas

• Linguagem e build: React 19, TypeScript, Vite, Bun.
• Dados e rotas: TanStack Router, TanStack Query, tRPC client.
• UI: Tailwind CSS, Radix UI e design system próprio.
• Formulários e estado: React Hook Form, Zod, Zustand.
• Visualização e edição: React Flow, CodeMirror, Yjs para edição colaborativa.
• Internacionalização: Lingui, em português e inglês.
• Testes: Bun test, Testing Library, Playwright.
• Arquitetura: Feature-Sliced Design.
• Qualidade: Biome, SonarQube, fitness functions de arquitetura.
• Trabalho diário: Claude Code e agentes de código.

O que buscamos no seu perfil

Mais do que preencher requisitos técnicos, queremos alguém alinhado(a) à nossa missão de ajudar empresas a tomarem decisões melhores de maneira inteligente, ágil e confiável, e que queira crescer junto conosco na construção da visão de ser a plataforma líder em gestão de riscos para tomada de decisão.

Requisitos obrigatórios

• Experiência com React e TypeScript em produção, com capacidade de entregar funcionalidades de forma consistente.
• Conhecimento de estado de servidor e cache, com TanStack Query ou equivalente.
• Vivência com componentes reutilizáveis e noções de design systems, acessibilidade e composição.
• Cuidado com acessibilidade e com a performance das telas que constrói.
• Testes automatizados como parte do trabalho, de componente e de ponta a ponta.
• Uso de agentes de código no trabalho diário, revisando o que eles produzem com o mesmo rigor de um PR humano.
• Comunicação escrita clara em português. Leitura técnica em inglês.

Você não atende a todos os itens? Candidate-se mesmo assim. Avaliamos trajetória, não checklist.

O que pode te destacar ainda mais

• Interfaces para produtos de IA: streaming de respostas, visualização de tool calls e de etapas de um agente.
• Experiência com dados em tempo real: streaming, SSE ou WebSocket e estados parciais.
• Experiência prática com design systems, tokens e acessibilidade.
• Visualização de grafos e timelines: React Flow, D3 ou similar.
• Edição colaborativa com CRDT, como Yjs.
• Feature-Sliced Design ou arquitetura de frontend em escala.
• Internacionalização.
• Produtos B2B de backoffice ou domínio regulado.

Como trabalhamos

• Arquitetura definida e verificada por fitness functions no CI.
• Testes no mesmo PR que o código.
• PRs pequenos e empilhados.
• Specs antes do código. Decisões registradas em ADRs.
• Agentes de código no fluxo diário, com revisão humana de tudo que entra. Você tem acesso aos agentes e aos tokens que o trabalho exige.
• Código, testes e commits em inglês. Specs, PRs e conversas em português.

Incentivos oferecidos pela VAAS

• Descanso remunerado de 30 dias após 1 ano

• Auxílio Caju (alimentação e transporte) para quem atua em modelo híbrido ou presencial

• Wellhub (antigo Gympass)

• Telemedicina Conexa & Psicologia Viva, com acesso a:

  • 2 consultas mensais com nutricionista

  • 2 consultas mensais com psicólogo

  • Clínico geral e especialistas com preços reduzidos via Telemedicina

  • Descontos em exames da rede Dasa (+15%)

  • Descontos em farmácias Pague Menos (20% a 30%)

• Estacionamento gratuito por meio de parceria com a administradora do edifício
• Day off no mês do aniversário
• Remuneração competitiva

  Saúde e Seguros(disponíveis após 6 meses de contrato, custeados pela VAAS)

  • Plano de saúde Especial 100, com cobertura nacional, coparticipação de 30% e internação em apartamento. A VAAS custeia a mensalidade da pessoa titular, e há possibilidade de incluir dependentes, com a mensalidade deles por conta da titular.
  • SulAmérica Odonto (plano odontológico)
  • Seguro de vida SulAmérica
  • Seguro viagem SulAmérica