Quinta atividade do bloco Como usar AI. Você vai criar um artefato HTML interativo — uma calculadora de ROI para avaliar se vale a pena assinar o Claude para os colaboradores da sua empresa, com a identidade visual da sua empresa aplicada automaticamente.
Ficha técnica
| Tipo | Demonstração + Atividade Prática |
| Duração | 10 minutos |
| Técnica de AI | Geração de artefato HTML interativo |
| Ferramenta | Claude (Project criado na AP03) |
| Pré-requisito | Identidade visual salva no Project (AP04) |
Criar um artefato HTML interativo que calcula o ROI de assinar o Claude para os colaboradores da sua empresa — usando a identidade visual da sua empresa extraída na atividade prática anterior.
Até aqui, o Claude entregou texto: relatórios, briefings, análises. Um artefato é diferente. É uma ferramenta funcional gerada pelo Claude — um HTML que roda no navegador, tem campos para preencher, faz cálculos e mostra resultados visuais. Você não escreve código. Você descreve o que quer e o Claude constrói.
O artefato desta atividade é uma calculadora de ROI: você entra com o número de colaboradores, o custo médio por hora e as horas estimadas de ganho de produtividade — e recebe o retorno financeiro projetado de adotar o Claude na empresa.
O diferencial: o artefato vai usar as cores e fontes da sua empresa que você salvou no Project na atividade anterior. O resultado vai parecer feito pelo time de marketing da sua empresa, não por uma AI genérica.
Esta atividade usa a identidade visual salva no seu Project na atividade prática 04. Se você não completou aquela atividade, o artefato vai ser gerado com um visual genérico, sem as cores e fontes da sua empresa.
O professor abre o Project da aula e cola o prompt de demonstração — já com o contexto de logística e a identidade visual da empresa de demonstração salva no Project. O Claude gera o artefato HTML ao vivo, com campos interativos, cálculos automáticos e visual com as cores da empresa.
Em seguida, o professor preenche os campos da calculadora ao vivo com dados fictícios e mostra o resultado: ROI calculado, tempo de payback e economia anual projetada.
- Não é texto, é ferramenta. O Claude não entrega texto explicando como seria a calculadora — ele entrega a calculadora funcionando.
- Identidade visual automática. As cores e fontes usadas no artefato vêm diretamente da identidade visual salva no Project.
- Ajustes em linguagem natural. Você pode pedir mudanças sem escrever código: "aumenta o tamanho da fonte", "muda o botão para verde", "adiciona um campo para o custo mensal da ferramenta".
- Saída pronta para distribuir. O artefato pode ser exportado como HTML e enviado por e-mail ou publicado internamente.
Gerar a calculadora de ROI personalizada para a sua empresa, usando a identidade visual e o contexto que você já tem salvo no seu Project.
Acesse claude.ai e abra o Project criado na atividade prática 03. O Project já tem a identidade visual da sua empresa salva como documento — o Claude vai usá-la automaticamente.
Cole o prompt abaixo no chat do seu Project e envie.
O Claude vai gerar o artefato HTML ao vivo. Você vai ver o resultado aparecendo ao lado do chat.
Preencha os campos com dados reais ou estimados da sua empresa e veja o resultado. Verifique se as cores e fontes estão corretas.
Se algum elemento visual não estiver certo, corrija em linguagem natural no chat. Exemplos: "A cor do botão não está correta, use o verde da nossa marca", "Aumenta o tamanho dos números de resultado", "Adiciona o nome da empresa no topo".
Uma calculadora de ROI funcional, com a identidade visual da sua empresa, pronta para apresentar ao board ou ao time de gestão. Você pode usar essa calculadora para sustentar a decisão de adotar o Claude na empresa com números reais do seu contexto.
Na próxima atividade você dá o pulo para Skills — pacotes de instruções reutilizáveis que transformam o Claude num especialista permanente em qualquer função do seu trabalho.