board-people-slide-builderlisted

## Dual-mode operation (Code + Cowork) > **HTML pelo design system (obrigatório).** Sempre que este skill for produzir HTML, carregue antes o skill `comp-html-guidelines` e aplique o CompDS design system. Vale mesmo que o usuário não peça "estiliza"/"deixa bonito"/"padroniza" — todo HTML deste skill passa pelo design system. Isso não altera a metodologia abaixo; governa só a camada visual do HTML. **Detect platform at start**: - If you have the `Bash` tool AND can run Python → use **script mode** (writes the rich HTML file). Existing workflow below. - Otherwise (e.g., Claude Cowork) → use **inline mode**: gather the same inputs conversationally, then produce the output directly in chat as markdown following the structure below. If an HTML artifact tool is available, ALSO render a self-contained HTML version (Tailwind CDN) matching the script's template (REQUIRED aqui, slide 16:9) porque o valor é visual. ## Inline generation logic (Cowork mode) **Inputs a coletar** (mesmo do Step 1 abaixo): período (Q + ano); até 4 KPIs (valor, trend up/down/flat, label, contexto); até 3 highlights narrativos; riscos; asks. Também: empresa, título do slide, eyebrow (default "Board Update"). **Estrutura de saída** (mesma do script). Resumo em markdown direto no chat: ``` # {título}: {período} **{eyebrow}** · {empresa} ## KPIs (máx 4) - **{valor}** {↗/↘/→} {label} ({contexto}) ## Highlights - {frase inteira} ## Riscos & Asks - ⚠ Risco: {risco} - 📌 Ask: {ask} ``` **Artifact HTML (OB