Curso IA para Negócios
Arquivos e resumos das aulas de IA para Negócios
Em um só lugar: resumo de cada aula, links oficiais, comandos para copiar, prompts e arquivos de apoio. Abra a aula correspondente e use só o que precisar.
Como usar esta página
Resumo → links → arquivos → prática
- 1Abra a seção da aula que você está estudando.
- 2Leia o resumo para relembrar o que importa daquela aula.
- 3Baixe arquivos, abra os links oficiais ou copie comandos e prompts.
- 4Use no terminal, no Obsidian ou no agente de IA conforme a atividade.
Arquivos por aula
Abra a aula, leia o resumo e acesse os materiais
Aula 1Disponível agoraDashboard de vendas com IA
Base CSV e prompts para criar um dashboard em HTML, validar no navegador e depois evoluir o arquivo com novos recursos.
Dashboard de vendas com IA
Base CSV e prompts para criar um dashboard em HTML, validar no navegador e depois evoluir o arquivo com novos recursos.
Resumo da aula
- A IA lê um CSV real de vendas B2B e gera um dashboard em um único arquivo HTML.
- Primeiro você constrói KPIs, filtros e gráficos; depois evolui o arquivo sem recomeçar do zero.
- O resultado precisa abrir no navegador, sem instalar bibliotecas e sem depender de internet.
Materiais e links
Base de vendas da atividade
Arquivo CSV usado pela IA para gerar os cálculos, filtros e gráficos do dashboard.
vendas-informatica-equipamentos.csv
Tarefa 1: Construir o dashboard
Cole este prompt primeiro no Codex, Claude ou Opencode.
Tarefa 1: Construir o dashboard
Cole este prompt primeiro no Codex, Claude ou Opencode.
Leia o arquivo vendas-informatica-equipamentos.csv (separado por ponto e virgula,
virgula como decimal, datas no formato YYYY-MM-DD) e crie um dashboard em UM
arquivo chamado dashboard.html (HTML + CSS + JavaScript puro, sem bibliotecas
externas, sem internet). A empresa e a "Informatica Equipamentos", uma industria
B2B ficticia de produtos de TI que vende para lojas revendedoras de todo o Brasil.
Requisitos:
- Paleta de cores: primaria #7c3aed, secundaria #06b6d4, fundo #0f172a, texto
branco. (TROQUE PELA SUA PALETA.)
- KPIs no topo (5 cards): faturamento total, ticket medio, quantidade vendida,
no de lojas clientes ativas e top vendedor (nome + valor).
- Considere SOMENTE pedidos com status_pedido = "Concluida" em todos os calculos.
- Filtros que atualizam KPIs e graficos juntos: estado, vendedor,
categoria_produto e canal_venda.
- Graficos (minimo 4): faturamento por estado (barras verticais), vendas por
categoria (barras), evolucao mensal de faturamento (linha) e top 5 lojas
clientes (barras horizontais). Desenhe os graficos com canvas ou SVG puro.
- Valores monetarios no formato R$ padrao brasileiro.
- Titulo no topo: "Dashboard de Vendas - Informatica Equipamentos".
- O arquivo deve abrir direto no navegador, sem instalar nada.
Gere o dashboard.html e abra no navegador para eu validar.Tarefa 2: Modificar o dashboard
Use depois que o dashboard.html da primeira tarefa estiver validado.
Tarefa 2: Modificar o dashboard
Use depois que o dashboard.html da primeira tarefa estiver validado.
No dashboard.html que voce ja criou, faca 5 alteracoes sem quebrar nada do que
ja existe. Teste tudo no navegador antes de entregar.
1. Adicione um 6o card de KPI: "Margem estimada" = 28% do faturamento total,
em R$.
2. Adicione um botao no canto superior direito chamado "Modo Claro / Escuro"
que alterna TODO o tema (fundo, texto, cards, graficos) entre claro e escuro
com um clique, mantendo filtros e graficos funcionando.
3. Adicione um novo filtro de "Periodo" (mes/ano), que filtra junto com os
outros 4 filtros ja existentes.
4. Adicione um novo grafico: ranking dos 10 vendedores por faturamento,
em barras horizontais.
5. Adicione um rodape com insights automaticos: melhor mes, categoria lider e
estado campeao - recalculando sempre que os filtros mudam.
Nao reescreva o arquivo do zero: edite o que ja existe. Se algo quebrar,
corrija e teste de novo.Prompt extra: Dashboard em HTML e CSS
Prompt rapido para gerar um dashboard em arquivo unico.
Prompt extra: Dashboard em HTML e CSS
Prompt rapido para gerar um dashboard em arquivo unico.
Crie um dashboard em Html e CSS arquivo unico, com filtros e graficos funcionais e botao de limpar filtros.Aula 2Disponível agoraSkills — Conhecendo o ecossistema de skills
Descubra o repositório skills.sh e aprenda a instalar habilidades prontas para seus agentes de IA com um comando no terminal.
Skills — Conhecendo o ecossistema de skills
Descubra o repositório skills.sh e aprenda a instalar habilidades prontas para seus agentes de IA com um comando no terminal.
Resumo da aula
- Skills são manuais que ensinam o agente a executar tarefas de um jeito repetível.
- O site skills.sh concentra habilidades open-source da comunidade.
- Com um comando no terminal você instala skills como find-skills e skill-creator.
Materiais e links
Site skills.sh
Repositório oficial de skills open-source. Explore habilidades públicas criadas pela comunidade.
Site skills.sh
Repositório oficial de skills open-source. Explore habilidades públicas criadas pela comunidade.
https://skills.sh/Comando: instalar find-skills
Skill da Vercel Labs para descobrir e instalar novas habilidades no seu agente.
Comando: instalar find-skills
Skill da Vercel Labs para descobrir e instalar novas habilidades no seu agente.
npx skills add https://github.com/vercel-labs/skills --skill find-skillsComando: instalar skill-creator
Skill da Anthropic para criar e personalizar suas próprias habilidades.
Comando: instalar skill-creator
Skill da Anthropic para criar e personalizar suas próprias habilidades.
npx skills add https://github.com/anthropics/skills --skill skill-creatorAula 3Disponível agoraAgentes de browser e dados abertos
O agente deixa de trabalhar só nos seus arquivos: ganha um navegador, captura dados públicos reais e entrega dashboard + briefing de decisão.
Agentes de browser e dados abertos
O agente deixa de trabalhar só nos seus arquivos: ganha um navegador, captura dados públicos reais e entrega dashboard + briefing de decisão.
Resumo da aula
- Até aqui o agente operava nos arquivos locais. Agora ele navega a web e traz dados que mudam todo dia.
- O ciclo é sempre o mesmo: abrir a página → observar (snapshot) → agir (clicar/preencher) → extrair o dado.
- O agent-browser da Vercel controla um Chromium real; isso contorna barreiras simples de bot (ex.: 403 no download da ANP).
- A entrega da atividade não é só gráfico: é dashboard para explorar e briefing executivo para decidir rotas da frota.
Pratique assim
- 1Use find-skills para achar uma skill de browser automation e escolha o agent-browser.
- 2Instale skill + binário + Chromium (3 passos) e confira com agent-browser --version.
- 3Abra a série histórica da ANP, faça snapshot, role a página e baixe o CSV do mês mais recente.
- 4Se a rede falhar, use a amostra CSV. Depois gere o dashboard.html e o briefing-executivo.md.
Materiais e links
ANP — série histórica de preços de combustíveis
Dados abertos e públicos. Página oficial com CSVs mensais de gasolina, etanol e outros combustíveis.
ANP — série histórica de preços de combustíveis
Dados abertos e públicos. Página oficial com CSVs mensais de gasolina, etanol e outros combustíveis.
https://www.gov.br/anp/pt-br/centrais-de-conteudo/dados-abertos/serie-historica-de-precos-de-combustiveisagent-browser no GitHub (Vercel Labs)
CLI de automação de navegador para agentes, escrita em Rust, com Chromium real.
agent-browser no GitHub (Vercel Labs)
CLI de automação de navegador para agentes, escrita em Rust, com Chromium real.
https://github.com/vercel-labs/agent-browserSkill agent-browser no skills.sh
Página da skill no registry: manual de uso do agent-browser no seu agente.
Skill agent-browser no skills.sh
Página da skill no registry: manual de uso do agent-browser no seu agente.
https://skills.sh/vercel-labs/agent-browserAmostra ANP (fallback da atividade)
129 registros reais de gasolina e etanol em 9 estados (junho/2026). Use se o site da ANP estiver instável em aula.
combustiveis-anp-amostra.csv
Comandos: instalar agent-browser (3 passos)
Skill (manual) + binário global + Chromium de automação. Rode na ordem.
Comandos: instalar agent-browser (3 passos)
Skill (manual) + binário global + Chromium de automação. Rode na ordem.
npx skills add vercel-labs/agent-browser
npm i -g agent-browser
agent-browser install
agent-browser --versionEtapa 0: descobrir skill de browser
Cole no Codex/Claude/Opencode para achar a skill certa no skills.sh.
Etapa 0: descobrir skill de browser
Cole no Codex/Claude/Opencode para achar a skill certa no skills.sh.
Use a skill find-skills para procurar uma skill de "browser automation" que
permita a um agente navegar em sites e capturar dados. Avalie as opções
encontradas (instalações, fonte) e me mostre a melhor para capturar dados
públicos de uma página da web.Etapa 1: roteiro agent-browser na ANP
Execute um comando por vez, observando o snapshot. Troque @eN pelo rótulo real do CSV.
Etapa 1: roteiro agent-browser na ANP
Execute um comando por vez, observando o snapshot. Troque @eN pelo rótulo real do CSV.
agent-browser open "https://www.gov.br/anp/pt-br/centrais-de-conteudo/dados-abertos/serie-historica-de-precos-de-combustiveis"
agent-browser snapshot -i
agent-browser scroll down
agent-browser snapshot -i
# repita scroll + snapshot até achar o CSV gasolina-etanol do mês mais recente
agent-browser click @eN
agent-browser closeEtapa 2: construir o dashboard
Depois do CSV (ao vivo ou amostra). Troque a paleta se quiser.
Etapa 2: construir o dashboard
Depois do CSV (ao vivo ou amostra). Troque a paleta se quiser.
Leia o arquivo combustiveis-anp-amostra.csv (separado por ponto e vírgula,
vírgula como decimal, datas DD/MM/AAAA, codificação UTF-8 com BOM) e crie um
dashboard em UM arquivo chamado dashboard.html (HTML + CSS + JavaScript puro,
sem bibliotecas externas, sem internet). O contexto: a "Informática
Equipamentos", indústria B2B de TI com frota nacional, quer saber onde o
combustível está mais barato para planejar rotas de entrega.
Requisitos:
- Paleta de cores: #d400ff (primária), #00c4ff (secundária), fundo #0a0a0a,
texto branco. (TROQUE PELA SUA PALETA.)
- Considere SOMENTE as colunas "Produto" (GASOLINA e ETANOL), "Estado - Sigla"
e "Valor de Venda" (converta a vírgula decimal).
- KPIs no topo (5 cards): preço médio da gasolina, preço médio do etanol,
estado mais barato (gasolina), estado mais caro (gasolina) e a diferença
percentual entre o mais barato e o mais caro.
- Gráficos (mínimo 3): preço médio por estado (barras verticais, gasolina),
gasolina vs etanol por estado (barras agrupadas) e ranking do mais barato
ao mais caro (barras horizontais ordenadas). Desenhe os gráficos com canvas
ou SVG puro.
- Formatação em R$ no padrão brasileiro.
- Título: "Radar de Combustíveis — Informática Equipamentos".
Gere o dashboard.html e abra no navegador para eu validar.Etapa 3: briefing executivo
Entrega de decisão para a diretoria. Revise o tom depois que o agente rascunhar.
Etapa 3: briefing executivo
Entrega de decisão para a diretoria. Revise o tom depois que o agente rascunhar.
Com base no CSV de combustíveis e no dashboard.html que você criou, escreva um
arquivo briefing-executivo.md (Markdown) para a diretoria da Informática
Equipamentos. Estrutura obrigatória:
1. Resumo executivo (1 parágrafo): qual o achado principal, em linguagem de
diretoria (sem jargão técnico).
2. Três insights (cada um com dado numérico + interpretação de negócio).
Ex.: "O estado X está Y% abaixo da média nacional."
3. Recomendação (1-2 parágrafos): em quais estados concentrar as rotas de
entrega e por quê. Seja concreto.
4. Ressalva/risco (1 parágrafo): o que pode mudar (preço oscila, amostra é
limitada, dados são de um mês só).
5. Fonte: ANP, série histórica de preços de combustíveis, junho/2026,
https://www.gov.br/anp/pt-br/centrais-de-conteudo/dados-abertos/serie-historica-de-precos-de-combustiveis
Escreva para um público de negócio que não é técnico. Evite jargões de
programação ou de scraping.Aula 4Disponível agoraObsidian: memória entre humano e agente
O chat tem memória curta. O vault tem memória longa. Use o Obsidian como segundo cérebro compartilhado entre você e o agente de IA.
Obsidian: memória entre humano e agente
O chat tem memória curta. O vault tem memória longa. Use o Obsidian como segundo cérebro compartilhado entre você e o agente de IA.
Resumo da aula
- Obsidian é um app de notas local: suas ideias viram arquivos Markdown numa pasta no computador, o vault.
- O chat da IA esquece entre sessões; o vault guarda decisões, logs, erros e contexto de longo prazo.
- Na Escola Habilidade, o fluxo é CLI + skills → vault Obsidian → skill de memória que padroniza salvar e retomar.
- Prática: instalar o Obsidian, criar um vault, ligar notas com [[wikilinks]] e pedir ao agente para salvar e resumir sessões.
Pratique assim
- 1Instale o Obsidian e crie um vault (uma pasta de notas).
- 2Crie uma nota Home e 2 ou 3 notas ligadas com [[wikilinks]].
- 3Instale a skill obs-memory no seu agente.
- 4Peça ao agente: “salva isso no vault”, “resume as últimas sessões”, “revise os erros do projeto”.
Materiais e links
Baixar o Obsidian
Página oficial de download para Windows, macOS, Linux, iOS e Android.
Baixar o Obsidian
Página oficial de download para Windows, macOS, Linux, iOS e Android.
https://obsidian.md/downloadComo gerenciar vaults
Ajuda oficial do Obsidian sobre o que é um vault e como criar o seu.
Como gerenciar vaults
Ajuda oficial do Obsidian sobre o que é um vault e como criar o seu.
https://obsidian.md/help/manage-vaultsSkill obs-memory no skills.sh
Skill principal de memória do vault: ensina o agente a salvar sessão, retomar contexto e organizar notas.
Skill obs-memory no skills.sh
Skill principal de memória do vault: ensina o agente a salvar sessão, retomar contexto e organizar notas.
https://skills.sh/adamtylerlynch/obsidian-agent-memory-skills/obs-memorySkill obsidian-markdown no skills.sh
Complemento de sintaxe do Obsidian: wikilinks, callouts, frontmatter e Markdown do app.
Skill obsidian-markdown no skills.sh
Complemento de sintaxe do Obsidian: wikilinks, callouts, frontmatter e Markdown do app.
https://skills.sh/kepano/obsidian-skills/obsidian-markdownComando: instalar obs-memory
Instala a skill de memória do vault no agente (Codex, Claude Code, etc.).
Comando: instalar obs-memory
Instala a skill de memória do vault no agente (Codex, Claude Code, etc.).
npx skills add https://github.com/adamtylerlynch/obsidian-agent-memory-skills --skill obs-memoryComando: instalar obsidian-markdown
Instala a skill de sintaxe Markdown do Obsidian.
Comando: instalar obsidian-markdown
Instala a skill de sintaxe Markdown do Obsidian.
npx skills add https://github.com/kepano/obsidian-skills --skill obsidian-markdownFrases prontas para pedir ao agente
Cole no agente depois que o vault e a skill estiverem configurados.
Frases prontas para pedir ao agente
Cole no agente depois que o vault e a skill estiverem configurados.
Salva isso no vault.
Resume as últimas sessões.
Revise os erros do projeto.
Organize o que está solto no vault.
Cria uma nota Home com links para as pastas principais.Aula 5Disponível agoraMira Animator: metáforas que nunca param
Transforme conteúdo pronto (PDF, repo, livro) em apresentações HTML animadas, offline e com loop visual — prontas para aula ou gravação.
Mira Animator: metáforas que nunca param
Transforme conteúdo pronto (PDF, repo, livro) em apresentações HTML animadas, offline e com loop visual — prontas para aula ou gravação.
Resumo da aula
- O conteúdo já existe; o que falta costuma ser atenção e movimento na apresentação.
- Mira é um time de agentes + templates + D3.js que monta decks HTML autossuficientes.
- Pipeline típico: extract → planner → copywriter → builder → animator → validator.
- Cada conceito vira uma metáfora visual em loop (orbital, fluxo, arena, ponte), não um slide estático.
- O deck abre em file://, sem servidor, no tema da Escola Habilidade, pronto para apresentar ou gravar.
Pratique assim
- 1Abra o repositório e a documentação em português do Mira Animator.
- 2Peça ao agente: “cria um deck com o Mira sobre [seu tema]”.
- 3Peça uma metáfora animada para um conceito difícil da sua área.
- 4Abra o index.html do deck no navegador e valide o loop de cada slide.
Materiais e links
Repositório Mira Animator no GitHub
Código-fonte, skills e templates do Mira Animator (sandeco/mira-animator).
Repositório Mira Animator no GitHub
Código-fonte, skills e templates do Mira Animator (sandeco/mira-animator).
https://github.com/sandeco/mira-animatorDocumentação do Mira em português
Guia e materiais oficiais do projeto para montar decks animados.
Documentação do Mira em português
Guia e materiais oficiais do projeto para montar decks animados.
https://sandeco.github.io/mira-animator/pt/Frases prontas para pedir ao agente
Use depois de ter o Mira (ou a skill mira-animator) disponível no ambiente do agente.
Frases prontas para pedir ao agente
Use depois de ter o Mira (ou a skill mira-animator) disponível no ambiente do agente.
Cria um deck com o Mira sobre [tema].
Anima este conceito com metáfora de fluxo.
Anima este conceito com metáfora orbital.
Replica o showcase do Mira Animator para outro conteúdo.
Monta 8 slides com loop interno obrigatório e tema Escola Habilidade.Dica rápida
A numeração segue o curso: dashboard e skills, depois agent-browser com dados abertos (Aula 3), memória com Obsidian (Aula 4) e apresentações animadas com Mira (Aula 5). Se ainda não tiver o agente no computador, comece pelo guia de instalação do Codex.