Enxergar as três camadas de uma tela e o custo de manter

A cor da marca copiada em 30 arquivos do site vira 30 edições no dia em que você decide trocá-la. Toda tela publicada tem três camadas, e o visitante enxerga só uma delas quando abre o site.

Das três camadas, só a tela pronta aparece. As outras duas ficam invisíveis e cobram meses depois, em manutenção e em risco que a empresa assumiu sem perceber. É nelas que mora o trabalho de quem aprova, contrata ou constrói a próxima tela. Enxergar as três muda a decisão, porque você para de julgar a página só pelo que aparece.

A primeira camada é a tela pronta, o que o visitante vê ao abrir o site. Qualquer pessoa julga essa camada em cinco segundos, e por isso ela rouba a atenção de quem pede e de quem constrói.

Vem em seguida a segunda camada, o que você mantém depois de publicar. Cada componente, a peça que se repete como o botão, vira responsabilidade sua, e cada biblioteca (o pacote de código pronto que poupa escrever do zero) também.

Manter custa porque o mundo em volta se mexe. As bibliotecas publicam correção de segurança, os navegadores mudam o comportamento de algum recurso, e a tela perfeita de março quebra em setembro sem aviso.

A terceira camada é o que a empresa assume ao publicar. O formulário de cadastro guarda dado pessoal do cliente, e alguém responde por essa guarda. A biblioteca de gráficos vem com licença, e algumas obrigam você a abrir o próprio código.

O cinza claro do preço decide se um cliente com baixa visão consegue ler quanto custa. Por isso cada peça que você instala resolve a camada um e entra nas camadas dois e três no mesmo minuto.

Uma página parece um bloco só e se monta a partir de poucas partes repetidas. Uma loja online tem cinco. O cabeçalho traz logo, busca e carrinho, seguido pela faixa de destaque com a oferta do dia. Vem depois a grade de produtos, feita do cartão de produto repetido, e o rodapé fecha com contato e política de privacidade.

As mesmas cinco partes aparecem no Mercado Livre, na Amazon e na Shopee. Quem lê a página como lista de peças pede cada peça uma vez só ao agente de IA, o programa que escreve o código do seu pedido.

O cartão de produto é a peça que mais ensina o método. Você desenha o componente uma vez, com foto, nome, preço e botão de comprar, e a página o repete dezenas de vezes com dados diferentes.

A cor da marca segue a mesma lógica e vira um token (o valor guardado com nome, como a etiqueta na lata de tinta). Copiada em 30 arquivos, a troca do azul vira 30 edições. A que você esquecer aparece numa página perdida do site.

Cada biblioteca instalada traz outras junto, e essas peças de terceiros formam boa parte do código que roda no navegador do seu cliente. Uma checagem de dependências por mês, a lista dessas peças, mostra quais ficaram para trás e qual mudou de licença.

Todo número que a tela mostra pertence à terceira camada, porque a empresa responde por ele. A regra dos dois cliques (quem lê o número descobre a origem dele em dois cliques, como a data de validade no rótulo) é o critério de conferência.

Ela cobra quatro coisas: fonte, de onde o número vem; definição, o que ele conta; frescor, quando foi atualizado; e responsável, quem responde se ele estiver errado. O contador de clientes atendidos escrito direto no código reprova nos quatro.

O anti-padrão correspondente é a métrica (o número que mede o negócio) sem fonte, meta, baseline (o valor de partida contra o qual você compara) ou responsável. Um painel com 40 indicadores e nenhuma decisão nasce assim: cada número foi pedido por alguém e nenhum tem dono.

Aplique a regra a todo número de desempenho: clientes atendidos, nota média, pedidos do mês. Dado cadastral, como telefone e endereço, pede só dono e data de atualização. Quando a tela não consegue ligar o número à fonte viva, escreva embaixo dele a data e a origem, e anote o responsável na planilha interna.

Antes de aprovar a próxima tela, escreva as três camadas numa folha e marque o cartão que se repete. Depois pergunte em quantos arquivos a cor da marca está copiada, porque esse número é o custo da próxima troca de identidade.

Passe cada número visível pela regra dos dois cliques. O contador de carros atendidos de uma oficina, escrito direto no código, reprova em três dos quatro e em seis meses anuncia um passado como se fosse hoje. Peça a lista de bibliotecas atrasadas há mais de seis meses, com data marcada para revisá-la.

O capítulo seguinte transforma as três camadas num pedido de tela em sete partes, o briefing que o agente consegue executar.

Para quem aprova: o passivo que chega por atualização

A terceira camada de uma tela, o que a empresa assume ao publicar, inclui as bibliotecas de terceiros que fazem o site funcionar. Elas recebem correção de segurança com data marcada, e cada correção é trabalho para alguém. Entre julho e outubro de 2026, o Next.js, base de boa parte dos sites feitos com agente, adotou um calendário fixo de correções e ainda publicou duas extraordinárias.

Pergunte ao fornecedor quem aplica essas correções, em quanto tempo e quanto isso custa por mês. Resposta sem nome e sem prazo significa que o passivo ficou com a sua empresa, e ele aparece como urgência numa sexta-feira à noite.