Roberto Marçal
Retrato de Roberto Marçal

Frontend Engineer · Brasil

Olá, eu sou Roberto Marçal.

Foco em arquitetura de frontend

Sou Frontend Engineer com experiência na construção e evolução de produtos digitais em escala, combinando profundidade técnica, visão de produto e atenção à experiência do usuário. Minha atuação vai da arquitetura e dos design systems à performance, observabilidade e qualidade, com foco em soluções robustas, mensuráveis e sustentáveis. Minhas principais tecnologias são React, Vue, TypeScript e Node.js.

Tenho liderado a adoção de IA no desenvolvimento de software, indo além do uso de ferramentas para projetar os sistemas, os fluxos, os guardrails e a validação que permitem aos agentes atuar em bases de código reais com autonomia, consistência e segurança. Meu foco é transformar o que a IA torna possível em engenharia de software sustentável: ampliar a capacidade dos times sem abrir mão de bons fundamentos técnicos, da qualidade e da responsabilidade humana sobre o resultado.

Áreas de atuação

Onde me aprofundo. Abra uma área para ver os detalhes.

Frontend a fundo

Migrações, arquitetura, design systems, performance e produto em escala.

  • Frameworks e migrações: React e Vue no dia a dia, com bastante bagagem em AngularJS, Backbone e jQuery. Migrei sistemas legados para React e Vue e ajudei a dar o pontapé inicial na reconstrução do portal Viva Real com React e Clean Architecture.
  • Arquitetura e design systems: arquitetura de frontend, bibliotecas de componentes no Storybook e manutenção de design system.
  • Performance e SEO: trabalho contínuo de performance guiado pelos Core Web Vitals, além de melhorias de SEO e páginas estáticas para o sitemap.
  • Qualidade: testes unitários, de integração e end-to-end com Jest e Cypress, e pipelines de CI/CD no GitHub Actions.
  • Produto em escala: resultados de busca e agrupamento de anúncios nos grandes marketplaces imobiliários Zap Imóveis e Viva Real, integrações de pagamento (Apple, Google Play, Adyen), paywalls e limite de páginas, e funcionalidades de indicação e recompensas.

Engenharia de software com IA

Skills, harness e validação para agentes em bases de código reais, além do Hefesto, um agente de tarefa a PR.

Liderei a adoção da engenharia de software com IA nos projetos de frontend e apoiei os times de backend na evolução de seus próprios fluxos. O ambiente de engenharia em que os agentes operam tem três partes:

  • Skills e convenções: transformo padrões, práticas e fluxos de trabalho do time em skills reutilizáveis, dando aos agentes instruções consistentes sobre como desenvolver dentro do projeto.
  • Harness de engenharia: estruturo o contexto, as ferramentas, as permissões e os guardrails que delimitam a atuação dos agentes e integram seu trabalho à arquitetura e aos padrões existentes.
  • Desenvolvimento e validação: combino spec-driven development (SDD) e TDD para orientar a implementação e definir critérios verificáveis de conclusão. A validação inclui a execução da aplicação, e toda mudança passa por revisão humana.

Na prática

Hefesto, um agente de IA

O Hefesto leva uma tarefa do Jira ou do GitHub Projects até um pull request aberto. O ponto não é conectar um agente a um gerenciador de tarefas, e sim estruturar o fluxo para que a implementação feita pela IA possa ser verificada antes de chegar à revisão humana. Um PR aberto não significa que a mudança está correta.

  1. TarefaUma tarefa do Jira ou do GitHub Projects é o ponto de partida.
  2. PlanoUm plano escrito com spec-driven development e validado por uma pessoa antes de existir qualquer código. Ele define o que significa "pronto" em critérios verificáveis.
  3. ImplementarUm agente novo constrói em cima do plano com TDD, em um git worktree isolado.
  4. VerificarUm sensor roda a aplicação (Playwright, curl) e devolve as falhas para a implementação. O ciclo termina quando os critérios do plano são atendidos, e não quando o agente diz que terminou.
  5. Pull requestUm PR aberto com a mudança já verificada, pronto para revisão humana.

Os pontos de controle: uma pessoa valida o plano antes de qualquer código, o trabalho fica isolado, a aplicação em execução julga o resultado e uma pessoa revisa o PR. Os agentes aceleram o trabalho, mas quem responde pelo resultado são as pessoas.

Observabilidade

Dashboards e alertas no Grafana e no Datadog, de latência ao Kafka.

Criei dashboards e alertas no Grafana (Prometheus, Loki) e no Datadog para acompanhar latência, taxa de erro, logs e Core Web Vitals (LCP, TTFB, CLS). Eles também cobrem os pods do Kubernetes (memória, réplicas, uso de CPU vs. requests), o event loop e o heap do Node.js, a saúde do Kafka e integrações de terceiros, como o reCAPTCHA.

Cultura de dados

Rastreamento de eventos, experimentos A/B e dashboards no Metabase.

Levei uma cultura orientada a dados para o time, com rastreamento de eventos e analytics de produto, e liderei o time de frontend na criação de dashboards no Metabase para acompanhar experimentos A/B (Unleash, GrowthBook) e medir o impacto das funcionalidades.

Stack

Engenharia de software com IA
  • Agentes de IA
  • Skills de agentes
  • Harness engineering
  • Contexto e guardrails
  • Spec-Driven Development
  • TDD com agentes
  • Git worktrees
  • Validação com Playwright
Frontend
  • React
  • Vue
  • TypeScript
  • JavaScript
  • Arquitetura de frontend
  • Clean Architecture
  • Design systems
  • Storybook
  • Sass
  • Styled Components
  • AngularJS
  • Backbone
  • jQuery
Backend e cloud
  • Node.js
  • Fastify
  • Backend for Frontend
  • AWS
  • Kafka
Qualidade e entrega
  • Jest
  • Cypress
  • Playwright
  • Testes unitários
  • Testes de integração
  • Testes E2E
  • GitHub Actions
  • CI/CD
  • Core Web Vitals
  • SEO
Dados e observabilidade
  • Metabase
  • Rastreamento de eventos
  • Testes A/B
  • Unleash
  • GrowthBook
  • Feature flags
  • Grafana
  • Prometheus
  • Loki
  • Datadog

Experiência

  1. Abr 2025 – Atualmente, Tempo integral, Remoto

    Senior Software Engineer - Wellhub

    Equipe: Wellbeing Access (Validação de Elegibilidade)

    • Engenharia de software com IA: liderei a adoção nos projetos de frontend e apoiei os times de backend nos fluxos deles. Montei a camada de skills (convenções e fluxos do time transformados em skills reutilizáveis para os agentes), o harness (contexto, ferramentas, permissões e guardrails) e o ciclo de desenvolvimento.
    • Hefesto (agente de IA): criei um agente que leva uma tarefa do Jira ou do GitHub Projects até um PR aberto, usando Spec-Driven Development (SDD): um plano validado por uma pessoa, um agente novo que o implementa com TDD em um git worktree isolado e um sensor que roda a aplicação (Playwright, curl) e devolve as falhas para o ciclo.
    • Observabilidade: criei dashboards e alertas no Grafana (Prometheus, Loki) e no Datadog para latência, taxa de erro, logs, Core Web Vitals (LCP, TTFB, CLS), pods do Kubernetes (memória, réplicas, uso de CPU vs. requests), event loop e heap do Node.js, saúde do Kafka e integrações de terceiros, como o reCAPTCHA.
    • Cultura de dados: levei uma cultura orientada a dados para o time, com rastreamento de eventos e analytics de produto. Liderei o time de frontend na criação de dashboards no Metabase para acompanhar experimentos A/B (Unleash, GrowthBook) e medir o impacto das funcionalidades.
  2. Jan 2023 – Abr 2025, Tempo integral, Remoto, Brasil

    Senior Software Engineer - UOL EdTech

    Equipe: Passei Direto

    • Desenvolvi e mantive integrações com provedores de pagamento, como Apple, Google Play e Adyen.
    • Criei restrições de acesso a páginas, como paywall, blur e limite de páginas.
    • Participei da criação de uma solução de recompensas para usuários que compartilham materiais entre si.
    • Entreguei melhorias de SEO.
    • Criei testes A/B para experimentos com usuários.
  3. Out 2021 – Jan 2023, Tempo integral

    Software Engineer - OLX Brasil

    Equipe: Zap+ Discovery

    • No segundo semestre de 2022, passei pela seleção de um programa interno de formação para novos gestores.
    • Zap Imóveis & Viva Real: criei novas funcionalidades e dei manutenção na página de resultados de busca e na lista de imóveis recomendados, além de escrever testes unitários, de integração e end-to-end.
    • Melhorei a experiência de busca com uma funcionalidade de marketplace que agrupa anúncios idênticos, facilitando a comparação de um mesmo imóvel anunciado por várias imobiliárias.
    • Criei experimentos A/B no Google Optimize e criei e mantive eventos de tracking para acompanhar a jornada dos usuários nos portais.
    • Criei e mantive pipelines no GitHub Actions, dei manutenção no Design System e melhorei continuamente a performance das aplicações, com base nos Web Vitals.
    • Dei manutenção e criei novas funcionalidades no BFF (Backend for Frontend).
    • Ajudei a dar o pontapé inicial na reconstrução do portal Viva Real com React e Clean Architecture.
    • Extensão do Chrome: criei uma extensão (CSS, HTML, JavaScript puro e Mocha) que ajuda outros times a encontrar eventos de tracking com mais facilidade e a trocar de experimento A/B sem precisar abrir uma janela anônima.
  4. Set 2019 – Out 2021, Tempo integral, Barra da Tijuca

    Web Developer - Stone Age

    Equipe: Produtos

    • Implementei a arquitetura do frontend, desenhada no Miro.
    • Criei a biblioteca de componentes no Storybook.
    • Desenvolvi uma arquitetura de microsserviços orientada a eventos com React, .NET Core e Docker, para soluções escaláveis.
  5. Jul 2020 – Abr 2021, Freelance, Brasil

    Web Developer (part-time) - Roads

    Equipe: Engenharia

    • Sistema de gestão baseado em organizar o trabalho com metodologias ágeis.
    • Principais funcionalidades: dashboard, checkout, melhorias de layout e internacionalização.
    • Dei manutenção e desenvolvi funcionalidades no Storybook.
  6. Mar 2019 – Ago 2019, Tempo integral, São Paulo, Brasil

    Frontend Developer - DeÔnibus | Brasil by Bus

    Equipe: Produto

    • Criei páginas estáticas para SEO e para o sitemap.
    • Migrei um sistema legado (Webview) para um projeto em React.
    • Participei do chapter de SEO.
    • Deixei o blog multilíngue.
  7. Jan 2018 – Mar 2019, Tempo integral, Rio de Janeiro

    Frontend Developer - We Do Logos

    Equipe: TI

    • Dei manutenção em um sistema legado e atualizei o sistema interno.
    • Melhorei o SEO.
    • Criei uma nova página de produto em AngularJS.
    • Criei dois CRMs internos.
    • Migrei um sistema legado para um projeto em Vue.
  8. Jul 2017 – Dez 2017, Rio de Janeiro

    Estágio - We Do Logos