🚀 Times Agênticos e Loop Engineering — HackTown 2026

Da squad ágil ao loop agêntico — como estruturar times quando parte da equipe também são agentes.

Repositório oficial de apoio e apresentação do TDC Stage no HackTown 2026 (04/09/2026 · 14:30 · Palco 1 · ETE - Santa Rita do Sapucaí - MG), publicado como registro pós-evento aberto à comunidade: o deck completo, o playbook de palco real e a bibliografia verificada — tudo rodando local, sem build e sem dependências.

🧭 O que você encontra aqui

Quer…	Vá direto
Ver a apresentação	Abra presentation.html em qualquer navegador moderno
Entender a tese e a agenda	Seções abaixo (Visão Geral + Blocos 1–5)
Usar o playbook de palco (transições, timing, plano B da demo)	docs/CUE-SHEET.md
Checar as fontes dos números	docs/REFERENCIAS.md
Adaptar o deck para seus talks	Seção "Reutilizar este deck" abaixo + guia de módulos no tree

---

📌 Visão Geral

À medida que os agentes de Inteligência Artificial evoluem de assistentes de código para membros ativos na execução de tarefas complexas, a estrutura tradicional das equipes de tecnologia precisa ser repensada.

Esta apresentação aborda a transição das Squads Ágeis e Team Topologies para as Squads Agênticas, introduzindo os conceitos de Harness Engineering e Loop Engineering para garantir previsibilidade, governança e alto desempenho na era da IA autônoma.

Tese central: quando agentes entram no ciclo de vida de desenvolvimento, o diferencial não é velocidade — é redesenhar os loops de interação humano↔agente; e fazer isso de forma confiável exige harness. Times agênticos são essa arquitetura de loops, não uma cultura.

---

🗣️ Palestrantes

Palestrante	Função & Bio	Tags / Especialidade
Dan (Danilo Amaral)	Arquiteto de Soluções @ Sensedia Pai, da música, dos animais. Arquiteto de Soluções especialista em integrações e estratégia de inteligência artificial, auxilia clientes a alcançar o resultado desejado habilitando ecossistemas digitais e potencializando negócios através de práticas de integração modernas. Palestrante e criador de conteúdo nas horas vagas, integra o comitê técnico do TDC.	Agentic Architecture Harness Engineering
Jean Silva	Líder de Times @ Sensedia Profissional de tecnologia e desenvolvedor há 10 anos, com 5 anos de experiência em liderança de equipes de tecnologia, arquitetura, integração e inteligência artificial. Atua com foco em cultura, agilidade, formação de líderes técnicos e mentoria para desenvolvimento e realocação profissional.	Squad Leadership Product Engineering

---

🗺️ Agenda & Status dos Blocos da Apresentação

1. Contexto Geral & Histórico [CONCLUÍDO]

• Mercado de IA em 2026: Investimentos globais, déficit de talentos de tecnologia e o paradoxo do ROI em GenAI (95% dos pilotos travados em Proof of Concept).
• Evolução do Design de Times: Do Manifesto Ágil (2001) e Spotify Model (2012) ao Team Topologies (2019) e Topologies para Agentes (2026).
• Ciclo de Vida do Software (SDLC): De Waterfall e Agile/DevOps até Platform Engineering e a integração de runtime agêntico no ciclo produtivo.

2. A Era Agêntica & Arquitetura Harness [CONCLUÍDO]

• O que é um Agente de IA: Diferença entre Workflow determinístico vs. Agentes autônomos.
• O Loop Fundamental do Agente: Percebe ➔ Raciocina ➔ Age ➔ Observa (repetindo até atingir o objetivo).
• Fórmula Central: Agente = Modelo + Harness
• Componentes do Harness:
  • Guias (Feedforward): Prompts, especificações, contratos de API, schemas e contexto em tempo real.
  • Sensores (Feedback): Traces de observabilidade, guardrails determinísticos, LLM-as-Judge e HITL (Human-in-the-Loop).
  • Evals: Validação contínua da assertividade do agente transformando falhas em novos contextos.

---

3. Loop Engineering [CONCLUÍDO]

• O que é Loop Engineering: Loops como agentes repetindo ciclos até uma condição de parada; por que projetar o loop (não só o harness) é essencial.
• Interaction Loops: o ponto de virada — o loop de interação humano ↔ agente (o coração da talk).
• Tipos de Loop por Trigger: Turn-based, Goal-based, Time-based, Proactive (Claude).
• Quebras & Mitigação (slide unificado): à esquerda, onde o loop quebra — Infinite/Doom loop, Goal drift, Context rot; à direita, o que segura — separar quem faz de quem julga, guardrails determinísticos e HITL/HOTL. Ponte direta para o live coding.

4. Live Coding — o Squad como prova viva da tese [CONCLUÍDO — card de transição (HUD 16) + demo]

• Card de transição (HUD 16): mensagem hero única — "Só teoria não adianta. Vamos ver na prática." — com as garantias de palco em microtexto (reset 1-clique, fallback determinístico, observabilidade). Do card sai-se direto para o editor.
• Ao vivo: Squad Agêntica de 6 especialistas (SDD Refinement, Architect, Backend, Frontend, QA e SRE) operando sobre a Astronomy Shop (otel-demo) — pilha de 4 loops (agent, verification, event-driven, hill-climbing) coordenados por um grafo de estados.
• Falado durante a demo (sem slide): momento HITL (aprovar/rejeitar com feedback) e garantias de palco (reset 1-clique, fallback determinístico, observabilidade ao vivo).

5. Encerramento [CONCLUÍDO — mensagem única]

• Uma mensagem para levar: Desenhe os loops. Governe com harness. Mantenha o humano no loop.
• Punchline: automatize o esforço, não a responsabilidade.

---

⌨️ Atalhos da Apresentação (presentation.html)

Ao abrir presentation.html no navegador:

Tecla / Atalho	Ação
Clique	Avança para o próximo slide
➡️ / Espaço / PgDn / ⬇️	Avança para o próximo slide
⬅️ / PgUp / ⬆️	Volta para o slide anterior
Home / End	Vai para o primeiro / último slide
T	Inicia / Pausa o Cronômetro HUD (45 min)
R	Reinicia o Cronômetro
B	Tela de Pausa / Break
S	Tela de Fontes & Referências (painel Q&A — links para as fontes citadas)
G	Tela de Glossário (painel Q&A — 18 termos da talk)
Esc	Fecha os painéis Q&A (S/G)
D	Alterna entre Modo Escuro 🌙 e Claro ☀️
F	Alterna modo Tela Cheia (Fullscreen)

---

📂 Estrutura do Repositório

.
├── presentation.html         # Apresentação oficial — markup dos 19 slides + carga dos módulos
├── README.md                 # Guia do projeto, agenda dos blocos e atalhos
├── css/                      # Estilos modulados (carregados NESTA ordem — a cascade depende dela)
│   ├── 01-tokens.css         #   fontes locais + variáveis de tema (light/dark)
│   ├── 02-base.css           #   reset, deck, HUD, tipografia base
│   ├── 03-cover.css          #   capa + palestrantes
│   ├── 04-agenda-market.css  #   agenda + market stats + timeline
│   ├── 05-teams-sdlc.css     #   Team Topologies + workflow≠agente + SDLC
│   ├── 06-harness.css        #   equação + fluxo/moldura harness + reveal/chase
│   ├── 07-closing-overlays.css # hero de encerramento/card LIVE + blackout + painéis
│   └── 08-loops.css          #   bloco 03 completo (triggers, quebras, diagramas)
├── js/                       # Módulos HT.* (IIFE, namespaces em window.HT; 99-boot orquestra)
│   ├── 00-core.js            #   estado do deck (show/next/prev/clamp) + HT.util.fmtT
│   ├── 01-router.js          #   posição via hash (#N sobrevive a recarga)
│   ├── 02-layout.js          #   fit-to-screen + registro de geometry hooks
│   ├── 03-wires.js           #   fios SVG do slide harness (geometry hook)
│   ├── 04-anims.js           #   coreografias por slide + stagger genérico
│   ├── 05-hud.js             #   índice "07 / 17"
│   ├── 06-timer.js           #   countdown 45' (T/R)
│   ├── 07-blackout.js        #   tela de pausa (B)
│   ├── 08-panels.js          #   painéis de fontes/glossário (S/G)
│   ├── 09-input.js           #   teclado + clique + regra de bloqueio de navegação
│   ├── 10-dotgrid.js         #   textura de fundo (canvas)
│   ├── 11-theme.js           #   tema claro/escuro + persistência
│   └── 99-boot.js            #   ligações tardias + assert de contratos + init
├── assets/
│   ├── fonts/                # Fontes locais (offline-proof): Montserrat e Roboto Mono (variáveis)
│   ├── brand/                  # Marca oficial Sensedia — logo horizontal (tema claro/escuro)
│   │   ├── sensedia-horizontal-color.svg
│   │   └── sensedia-horizontal-white.svg
│   └── speakers/             # Fotos e especificações visuais dos palestrantes
│       ├── dan.jpg
│       ├── jean.jpg
│       └── README.md
└── docs/
    ├── CUE-SHEET.md          # Mapa de palco: ordem, tempos, transições e resgates
    └── REFERENCIAS.md        # Artigos, pesquisas e fontes bibliográficas da talk

Manutenção rápida

• Alterar visual de um slide: ache o domínio em css/0*.css (a seção de banner dentro do arquivo indica a origem).
• Alterar comportamento: os módulos js/ declaram seus contratos no cabeçalho — 00-core/99-boot são os pontos de amarração; coreografias novas entram em 04-anims.js via HT.anims.register('slide-id', fn).
• Ordem importa: os css/0*.css são fatias contíguas do stylesheet original — não reordenar as <link>; os js/ são carregados do 00 ao 99, com ligações feitas em 99-boot.js (que falha rápido e loga os módulos ausentes).

---

🚀 Como Executar

1. Clone ou baixe este repositório (git clone ou Download ZIP no GitHub).
2. Abra presentation.html com duplo-clique — não precisa de servidor, build, npm ou internet (fontes e imagens são locais).
3. Dica de palco: F para fullscreen e T para iniciar o cronômetro de 45 min.

Requisitos: qualquer navegador moderno (testado em Chromium/Chrome e Firefox). Nada mais.

---

♻️ Reutilizar este deck

Este deck foi construído para ser reaproveitado — ele é uma peça de HTML/CSS/JS puros, sem framework:

1. Adaptar conteúdo dos slides: edite o markup dos <section class="slide"> em presentation.html. Cada slide tem um id estável (slide-agent-def, slide-loop-breaks…) que conecta conteúdo, estilo e coreografia.
2. Criar/alterar coreografias de entrada: registre uma função no slide em js/04-anims.js — HT.anims.register('slide-seu-id', fn). O despacho é automático ao entrar no slide.
3. Mudar a identidade visual: os tokens (cores/temas/fontes) estão todos em css/01-tokens.css — trocar as variáveis :root/[data-theme] re-skinéia o deck inteiro, incluindo os diagramas SVG desenhados dinamicamente.
4. Atenção às ordens: os <link> do CSS são fatias contíguas do stylesheet original (a cascade depende da ordem) e os <script> carregam de 00-core até 99-boot, onde a ligação dos módulos acontece. Consulte o guia "Manutenção rápida" acima.

Se transformar isto num talk seu, mantenha a atribuição aos autores originais conforme a seção de licença. Contribuições de melhoria neste repositório são bem-vindas via PR.

🙏 Créditos

• Dan (Danilo Amaral) — arquitetura da talk, deck e código (GitHub · it0dan).
• Jean Silva — liderança, método e cocriação dos blocos de squads/organização.
• HackTown 2026 / TDC Stage e ETE FGS Santa Rita do Sapucaí por receber o conteúdo.
• Comunidade: fontes primárias listadas em docs/REFERENCIAS.md (Anthropic, LangChain, Thoughtworks/Fowler, Team Topologies, Gartner, IDC, S&P Global, MIT NANDA, Korn Ferry).

---

📄 Licença & Direitos

Este repositório usa licenciamento em duas camadas:

• Código e estrutura do deck (css/, js/, presentation.html): licenciados sob a MIT License — copie, adapte e reuse à vontade, mantendo o aviso de copyright.
• Conteúdo editorial (texto dos slides, narrativa, áudio-roteiro do CUE-SHEET, fotos dos palestrantes em assets/speakers/): © 2026 Danilo Amaral & Jean Silva — você pode apresentar, adaptar e derivar apresentações deste material com atribuição aos autores, para fins educacionais/comunitários. Não use as fotos fora do contexto de atribuição dos autores.
• Marcas de terceiros citadas em contexto educacional pertencem aos seus titulares: Sensedia®, HackTown/TDC, OpenTelemetry (otel-demo), Anthropic (Claude), LangChain, Thoughtworks, Gartner, IDC, S&P Global, MIT, Korn Ferry. A paleta visual da Sensedia é usada como identidade da palestra, sem representação oficial.