★ Destaque
Semântica: outline HTML e estados que não mentem
h1/h2 de verdade, button vs link, warning ≠ error, draft ≠ approved. CSS bonito não conserta HTML oco.
Front-End-
Técnicas de UI: loaders, sticky e motion com propósito
Película na troca de rota, shimmer na lista, sticky com encapsulamento, scroll-margin sob header sticky, revelar sem layout jump.
Front-End
-
Zigbee × Wi‑Fi: malha, ocupância e qual escolher
Zigbee2MQTT vs Wi‑Fi/UniFi: diferenças, ilustrações, presence ≠ occupancy, ZHA→Z2M e quando usar cada rádio.
Smart Home
-
CSS: tokens de consumo — não o nome do Figma
surface-page e text-primary sobrevivem ao rename do arquivo. N60-S1 não. Onde o estilo mora: lib → componente → page.
Front-End
-
Home Assistant: mapa da casa como sistema
HA no centro, UniFi na rede, Zigbee2MQTT na malha, Hue na luz, ThinQ nos ACs. Camadas que importam — e o que…
Smart Home
-
Agentes no dia a dia — não é chat solto
IA útil no trabalho não é “perguntar qualquer coisa”. É um agente com memória, regras e um resultado verificável.
IA & Agentes
-
Skills: playbooks que o agente dispara — não manuais que ninguém lê
Uma skill boa tem gatilho, passos e done verificável. Se cabe em uma frase de tom, não é skill — é preferência.
IA & Agentes
-
BRAIN: memória que aprende a cada turno
O agente só clona o jeito de pensar se gravar decisões, erros e preferências — sem esperar o “fecha sessão”.
IA & Agentes
-
Gates: rascunho antes de enviar — a IA não manda mensagem sozinha
WhatsApp e e-mail só saem depois do ok. Agente prepara; humano libera. Essa fronteira é o produto.
IA & Agentes
-
Design System como SoT do agente: o que aprendi no VDS da Vibra
VDS Vibra como fonte da verdade do agente: overlays, Form Field, chips e diff mínimo. Para designers e líderes.
Front-End