35 Artigos publicados
Blog.
Escrevo sobre o que aparece no trabalho: IA no dia a dia do time, estabilidade, arquitetura e carreira.
Destaque / Arquitetura
Sete fases e onze testes: como a tela do agente aguenta queda, pausa e falta de rede
Juntei streaming, timeout, retry e offline numa máquina de estados tipada de sete fases, com um reducer puro e onze testes que rodam sem navegador. O fechamento da série Frontend com IA, e como eu levaria o mesmo desenho para as ações de um agente com aprovação humana.
Classificar ticket com LLM custa 44 vezes mais? O que a Amazon mediu ao trocar o Sonnet por um modelo de decisão
Dois engenheiros da Amazon trocaram o Claude Sonnet 4.6 por um modelo que só escolhe entre opções e o custo por milhão de tickets caiu de cerca de US$ 22.200 para cerca de US$ 500. O número chama atenção, mas a parte que eu copiaria é a chave de três posições que eles usaram para virar.
Inference hooks do Claude: se o seu servidor de política cair, quem decide é um checkbox
O Claude Enterprise agora manda cada prompt e cada tool call para o seu servidor de segurança antes do modelo rodar. Mas um erro desse servidor nunca vira deny. Como eu montaria esse servidor e o que eu decidiria antes de ligar.
Claude Code vazava o e-mail no User-Agent: o que eu checaria amanhã
O e-mail da conta entrava no contexto do modelo e às vezes ia no User-Agent de curl e WebFetch. Anthropic remove na próxima release; até lá, atualize para 2.1.317+ e trate header de saída como segredo.
RAG no navegador custa 23 MB de download: como eu decidiria entre WebGPU e backend
Montei uma busca semântica que roda inteira no navegador, com WebGPU e fallback para WASM. O servidor de inferência sai da conta, mas entram 23 a 45 MB de modelo, o aparelho do usuário e um modelo treinado em inglês. Um guia curto de quando vale.
Meio segundo de tela congelada: a main thread é o gargalo do seu produto de IA
Rodei a mesma conta na main thread e num Web Worker: a tela congelou até 617 ms de um lado e ficou em 16,8 ms do outro, gastando a mesma CPU. Parsear stream, markdown e JSON de LLM no lugar errado custa experiência e, no fim, token.
Streaming UI pra LLM: o que a tela do agente faz quando a conexão cai no oitavo token
Montei uma demo em que a resposta do modelo cai no meio, de propósito. Cancelar, retomar e mostrar o erro são decisões de produto, e quando a tela aprova uma ação do agente elas viram contrato da plataforma de IA, com idempotência no backend.
MCP Tasks no Claude Code: a aprovação precisa saber qual commit a pessoa viu
Desde 23 de outubro, um servidor MCP pode devolver um ID de tarefa para jobs longos e pedir confirmação humana no meio do caminho. Só que a confirmação pode chegar horas depois. O padrão que eu seguiria no desenho do servidor para a aprovação continuar valendo.
Sandbox de agente virou infraestrutura: 4 anúncios da semana
Google, NVIDIA, Alibaba e Anthropic anunciaram na mesma semana formas de isolar agentes de IA. O padrão que se repete nos quatro: a credencial e a permissão ficam fora do alcance do modelo.
LiteLLM comprometido: o log do gateway de LLM também guarda segredo
A versão 1.107.0 do LiteLLM saiu com um ladrão de credenciais. O caminho até o release passou por tokens do GitHub CLI que foram parar nos logs do próprio gateway. O que eu revisaria hoje em qualquer plataforma de IA.
O texto que só a IA lê: prompt injection, conteúdo escondido e a confiança em agentes
As páginas de ajuda do WhatsApp tinham instruções que só um chatbot via, 50 mil estatísticas falsas seguem sendo citadas pelo ChatGPT e o MITRE deu ID próprio para prompt injection. O que isso muda em quem constrói agentes e RAG.
Código com cicatriz: craftismo no desenvolvimento na era da IA
A IA aprendeu a escrever código que compila, passa em testes e segue patterns. A pergunta é se você ainda sabe por que escolhe um caminho e não outro.
Seu site está pronto para a era dos agentes de IA?
Web MCP é o protocolo que permite agentes de IA interagirem diretamente com o seu site no browser. Como implementamos no eliseu.dev com 11 tools e como validar hoje mesmo.
Técnicas de performance que as big techs usam (e você pode aplicar hoje)
Speculation Rules API, Optimistic UI, Streaming SSR, Priority Hints, Virtual Scrolling, Web Workers, SWR e INP: o que Google, Shopify, Netflix, Meta e Figma fazem de diferente pra ter apps que parecem instantâneos.
Apenas resolva.
Quando estabilidade deixa de ser técnica e vira sobrevivência do produto. Minha opinião sobre o momento em que sistemas precisam parar de causar problemas e se tornar previsíveis.
Tendências tecnológicas e o futuro da carreira em TI na era da IA
Como as novas tendências tecnológicas (interfaces multimodais, acessibilidade, sistemas adaptativos e continuidade entre dispositivos) se conectam com o futuro da carreira em tecnologia na era da IA, e quais habilidades passam a fazer diferença.
Typed Contract Pipeline (TCP): DevX e escala em microfrontends
Microfrontends falham quando a experiência de desenvolvimento (DevX) se deteriora à medida que o sistema cresce. O Typed Contract Pipeline (TCP) é uma abordagem de plataforma para arquiteturas de microfrontends com single-spa + importmap, com foco em DevX e escala organizacional.
Design system + IA + Cursor: acelerando o desenvolvimento de interfaces em times multidisciplinares
Como a combinação de design systems, inteligência artificial (IA) via Model Context Protocol (MCP) e ferramentas como o Cursor/VS Code pode acelerar a criação de interfaces em equipes multidisciplinares, com plataformização e micro-frontends.
Por que, na minha experiência, as bibliotecas de WhatsApp sempre acabam quebrando
Um olhar pessoal e técnico sobre os motivos pelos quais integrações com o WhatsApp vivem em constante instabilidade, com base no que vivi em projetos de larga escala.
Rodando Go no navegador com WebAssembly: integração com JavaScript
Como compilar código Go para WebAssembly e usá-lo lado a lado com JavaScript em uma aplicação React, com foco em performance, portabilidade e integração entre linguagens.
APIs nativas que poucos usam: WebOTP, Web Share e Beacon API
Três APIs nativas do navegador que podem melhorar a experiência do usuário: WebOTP para autopreenchimento de SMS, Web Share para compartilhamento nativo e Beacon para envio de dados ao sair da página.
Design System com StencilJS: Web Components para microfrontends multi-framework
Como criar um Design System escalável usando StencilJS, Web Components nativos, integração com Figma via Tokens Studio e Storybook para microfrontends com diferentes frameworks.
PoC de envio em massa de mensagens no WhatsApp: arquitetura e resiliência
Como construí uma PoC para envio automatizado de mensagens via WhatsApp usando Node.js, BullMQ, Redis e Next.js, enfrentando desafios com Baileys e implementando Clean Architecture.
Otimização de performance em aplicações React: casos reais do setor financeiro
Estratégias práticas de otimização para melhorar a experiência do usuário em aplicações críticas de alta performance.
Design System Observability (DSO): como tornar seu design system consistente e escalável
Aprenda como implementar Design System Observability para monitorar o uso do seu design system, identificar padrões, promover reutilização de componentes e minimizar inconsistências em aplicações web.
Arquivo · 10 artigos sobre microfrontends
- Coisas que (mais cedo ou mais tarde) todo dev frontend vai precisar encarar
- Server-Sent Events (SSE): reatividade simples e eficiente no frontend
- Subresource Integrity em microfrontends: blindagem para sua arquitetura
- BroadcastChannel LeaderElection: evitando conexões WebSocket duplicadas
- PNPM Catalogs: catálogo central de versões recomendadas para microfrontends
- Planejando a arquitetura de microfrontends: shell, domínios e estrutura multi-repo
- Como começar um projeto com microfrontends: guia prático com um clone do Spotify
- Roadmap de microfrontends: guia para arquitetura em produção
- Opções de mercado para microfrontends: vantagens, desvantagens e quando utilizar
- Arquitetura de microfrontends: lições aprendidas em produção