Pular para o conteúdo
.dev

Flavio Gouveia

Engenheiro Frontend e Mobile Sênior

Trabalho no TED.com e no app do TED em React Native, produtos que aguentam produção todos os dias. Uso Claude Code e Codex no código de verdade, com spec, testes e revisão humana decidindo o que sobe.

Disponível para freelasEsposende, Portugal · remoto, fuso UE/EUA

Trabalho atual: TED Conferences2023 até hoje
  • 20M+visitas por mês no TED.com

  • 30M+downloads do app TED no Android

  • 3.000+palestras TED com legendas · 100+ idiomas de legenda

  • 5+anos remoto com times dos EUA

  • WCAG 2.1 AA nos templates principais · Playwright e Jest no CI barrando regressões

9+ anos construindo web e mobile

Onde já entreguei

Cada commit abre o diff com o que foi entregue.

  1. atualabr 2023 até hoje

    • Desenvolvimento front-end do TED.com, plataforma com mais de 20 milhões de visitantes por mês, arquitetando a renderização de páginas e a entrega de conteúdo em Next.js, React, GraphQL e Tailwind CSS.

    • Mantive a performance e a estabilidade de um app React Native com mais de 30 milhões de downloads só no Android, monitorando a saúde de produção e a estabilidade dos releases no New Relic e priorizando correções pelo impacto no usuário.

  2. ago 2021 até abr 2023

    • Publiquei o RadStar Alpha Series na App Store e no Google Play para a Spruce Environmental Technologies, um app de campo tablet-first para profissionais de testes de radônio, construindo — a partir de uma única base de código React Native para iOS e Android — os fluxos que controlam monitores contínuos de radônio e sincronizam resultados de testes, templates de relatório e registros de controle de qualidade com uma plataforma em nuvem.

    • Publiquei o Melanin Medical Specialties na App Store e no Google Play, um app React Native multiplataforma que conecta profissionais e estudantes da área da saúde, entregando matching de mentores, um diretório pesquisável de profissionais de saúde da comunidade e recursos de apoio entre pares.

  3. set 2019 até ago 2021

    • Viabilizei paradas de manutenção coordenadas em usinas hidrelétricas, termelétricas e eólicas operadas pela Engie em todo o país, construindo as interfaces operacionais em React e as APIs em Node.js/TypeScript das quais os operadores das usinas dependem.

    • Desenvolvi de ponta a ponta um sistema em que downtime tinha impacto direto em receita e consequências regulatórias, reforçando o tratamento de erros das APIs e otimizando consultas de alto volume sobre ativos no Oracle Database.

  4. jun 2018 até set 2019

    • Liderei um time de 8 desenvolvedores em back-end, front-end e mobile com React Native, estabelecendo padrões de código, conduzindo code review e definindo a cadência de entregas.

    • Lancei plataformas de fidelidade e engajamento no mercado brasileiro, arquitetando um cliente web em React, um app mobile em React Native e serviços em Node.js sobre um modelo de dados compartilhado em PostgreSQL.

  5. mai 2017 até jun 2018

    • Desenvolvedor Full-Stack no SESI (out/2017 – jun/2018): construí um aplicativo de coaching de bem-estar com programas de saúde personalizados para trabalhadores da indústria, com back-end em Java e front-end em Angular sobre MySQL.

    • Estagiário de Desenvolvimento de Software na SumOne (mai/2017 – out/2017): contribuí com aplicações web de clientes em JavaScript enquanto cursava a graduação em Sistemas de Informação.

  6. Bacharelado em Sistemas de Informação

    Universidade Federal de Santa Catarina (UFSC), Brasil

    initial commit2016 – 2020

Projetos abertos com IA

Código público no GitHub: agentes, MCP, RAG e replay de agentes com segurança e avaliação no CI, mais as skills, plugins e mods de Claude Code que eu uso no dia a dia.

  1. feature/agent-flight-recorder

    A caixa-preta dos agentes de IA: grava cada passo de LLM, ferramenta, relógio e aleatoriedade por um contexto injetado, depois reproduz a execução offline, compara duas execuções passo a passo, cria um fork no passo N e transforma uma execução que falhou em teste de regressão.

    Tecnologias usadas: TypeScriptNode.jsLLMOpsRecord/replaynode:test

    Ver no GitHub: agent-flight-recorder (abre em nova aba)Ver demo: agent-flight-recorder (abre em nova aba)

  2. feature/legacy-archaeologist

    Testes de caracterização e uma spec viva para JavaScript legado: o código real, rodando num processo isolado, grava cada valor esperado enquanto o LLM só propõe entradas, e um mutation score mostra se os testes pegam mudanças.

    Tecnologias usadas: TypeScriptNode.jsacornMutation testingLLM

    Ver no GitHub: legacy-archaeologist (abre em nova aba)

  3. feature/incident-copilot

    Copiloto de incidentes multiagente em TypeScript: um supervisor em LangGraph coordena agentes de telemetria, runbook, planejamento e auditoria; ações arriscadas passam por aprovação humana, e as proibidas nunca rodam, mesmo quando o modelo as propõe.

    Tecnologias usadas: TypeScriptLangGraphMCPReactNode.js

    Ver no GitHub: incident-copilot (abre em nova aba)Ver demo: incident-copilot (abre em nova aba)

  4. feature/secure-legacy-mcp

    Um servidor MCP via stdio que transforma uma API REST legada e hostil em ações de negócio atrás de uma camada de segurança de verdade: tokens de serviço com hash e revogáveis, RBAC no servidor e rate limits.

    Tecnologias usadas: TypeScriptMCPRBACNode.js

    Ver no GitHub: secure-legacy-mcp (abre em nova aba)

  5. feature/docs-data-assistant

    Um assistente de documentos e dados que se recusa a responder quando a evidência é fraca, cita as fontes e executa Text-to-SQL validado e somente leitura, com guardrails e um eval gate no CI.

    Tecnologias usadas: TypeScriptRAGText-to-SQLEvals

    Ver no GitHub: docs-data-assistant (abre em nova aba)

  6. feature/a11y-fixgate

    Corretor de acessibilidade assistido por LLM com um loop de verificação determinístico: o modelo só propõe valores, o código monta patches limitados e uma nova auditoria com axe-core em navegador real (Playwright) decide o que entra. Cada valor vindo do LLM é marcado para revisão humana; saída SARIF para o CI.

    Tecnologias usadas: TypeScriptPlaywrightaxe-coreWCAGSARIF

    Ver no GitHub: a11y-fixgate (abre em nova aba)

  7. feature/privacy-radar

    Varre um repositório Node/TypeScript em busca de dados pessoais, mapeia cada achado para os artigos da LGPD e do GDPR e rascunha os documentos RoPA e DPIA. Motor determinístico; o LLM só rotula campos ambíguos e redige a prosa. Não é aconselhamento jurídico.

    Tecnologias usadas: TypeScriptStatic analysisLGPDGDPRGitHub Actions

    Ver no GitHub: privacy-radar (abre em nova aba)

  8. feature/claude-mods

    Marketplace da família dos meus mods originais para o Claude Code, escritos do zero sobre a API oficial de mods: o tripwire segura comandos destrutivos, o canopy ilumina a árvore de arquivos ao lado do chat e o crew mostra cada subagente trabalhando.

    Tecnologias usadas: Claude Code modsTypeScriptMarketplace

    Ver no GitHub: claude-mods (abre em nova aba)

  9. feature/maestri-squad

    Um único arquivo Markdown que transforma o agente líder do Maestri no chefe de um squad multiagente: ele lê o projeto e coloca cada tarefa no seu próprio git worktree, com planejadores, implementadores, revisores cegos e um único responsável pelo commit, e cada portão registrado com evidência.

    Tecnologias usadas: MaestriClaude CodeCodexMulti-agentgit worktrees

    Ver no GitHub: maestri-squad (abre em nova aba)

  10. feature/motion-studio

    Plugin do Claude Code que transforma um briefing de uma linha num MP4 de motion graphics pronto: captura da marca real, plano na grade de batidas, trilha sintetizada em código e um loop de crítica com nota, com motor em código puro ou HyperFrames.

    Tecnologias usadas: Claude CodePlaywrightffmpegWeb AudioHyperFrames

    Ver no GitHub: motion-studio (abre em nova aba)

  11. feature/reelforge

    Skills do Claude Code que transformam uma gravação crua falando para a câmera num Reel enxuto e com a sua marca: cortes exatos no frame que tiram silêncios, regravações e notas faladas, depois cards e legendas sincronizados com a fala no HyperFrames.

    Tecnologias usadas: Claude CodePythonffmpegwhisper.cppHyperFrames

    Ver no GitHub: reelforge (abre em nova aba)

  12. feature/tripwire

    Mod do Claude Code que segura um comando destrutivo e mostra o que ele destruiria antes de rodar: os caminhos e o espaço em disco que um rm -rf apagaria, os commits remotos que um force push sobrescreveria, as mudanças que um hard reset descartaria, com Cancelar como padrão.

    Tecnologias usadas: Claude Code modTypeScriptHooksgit

    Ver no GitHub: tripwire (abre em nova aba)

  13. feature/canopy

    Mod do Claude Code que mantém a árvore de arquivos do projeto ao lado do chat: as pastas abrem conforme o Claude trabalha nelas e cada arquivo tocado ganha a cor do seu estado, lendo, editando, editado e commitado, junto do status no git.

    Tecnologias usadas: Claude Code modTypeScriptgitTerminal UI

    Ver no GitHub: canopy (abre em nova aba)

  14. feature/crew

    Mod do Claude Code com um painel ao vivo dos subagentes que o Claude delega: um card por agente em execução com modelo, barra de contexto, tokens, custo estimado e tempo, cada um com um mascote em pixel art animado, mais os totais da sessão e a lista dos que terminaram.

    Tecnologias usadas: Claude Code modTypeScriptSubagentsPixel art

    Ver no GitHub: crew (abre em nova aba)

Como eu trabalho com IA

A IA acelera a entrega. Quem decide o que vai para produção são a spec, os testes e a revisão.

spec,testes que falham,revisão humana

  1. Especificação antes do código

    O agente recebe uma spec e testes que falham antes de escrever qualquer implementação.

  2. Teste como portão

    Playwright e Jest no CI decidem o que sobe, não a confiança do modelo.

  3. Revisão humana sempre

    Todo diff gerado por IA passa por code review, com permissões do agente limitadas.

Merge só quando os três portões passam.

Tem um projeto web ou mobile?

Freelas de frontend, React Native e IA aplicada. Me conta o que você precisa.

Ou fale direto

Tipo de projeto