Ficha técnica
| Tipo | Introdução + Demonstração + Atividade Prática + Desafio |
| Bloco | A14 · IA no Comercial · Quarta atividade prática |
| Duração | 15 minutos |
| Ferramenta | Claude Skills (acionada dentro do Project Comercial Lumina, na MESMA CONVERSA da AP02 e AP03) |
| Pré-requisito | AP02 e AP03 concluídas. Pipeline organizado (4 tabelas) e diagnóstico narrativo (5 blocos) visíveis no chat da conversa atual. A AP04 roda dentro da mesma conversa. |
| Entregável | Skill gerar-briefing-lumina instalada + Briefing Semanal do Pipeline em HTML (Caminho A) OU texto enriquecido (Caminho B) |
Olha onde você chega no fim desta atividade prática, e como isso fecha a aula A14.
Entregável final da AP04: o Briefing Semanal do Pipeline Lumina · Semana de 13/out, em dois formatos possíveis, dependendo do seu plano do Claude:
Diferente das outras Skills da aula, a gerar-briefing-lumina não gera nada de cara. Antes de produzir o briefing, ela pergunta pro usuário: "Qual caminho você quer, A (HTML) ou B (texto)?" Você responde com a letra e a Skill gera o briefing no formato escolhido.
Isso é proposital. Quem tá no plano gratuito escolhe B pra preservar créditos. Quem tá no plano pago escolhe A pra ter a peça visual completa.
O briefing que você gera aqui é o entregável visual final do pipeline comercial Lumina. É a peça que a Carolina abre toda segunda às 8h, lê em 5 minutos com café antes do primeiro horário do dia.
Tudo que o pipeline produz desemboca aqui.
Esta é a primeira AP da aula que dá escolha pro aluno. Veja o que cada caminho entrega.
- Arquivo HTML único (~50 KB) com paleta wellness Lumina aplicada
- Tipografia Fraunces (títulos) + Inter (corpo) carregadas via Google Fonts
- 6 blocos visuais: cabeçalho institucional, foto da semana, 3 leads urgentes com botões "Copiar script" funcionais, tendências, oportunidade da semana, ação recomendada
- Print-friendly (Ctrl+P gera PDF perfeito)
- Editável (abre em editor de texto se precisar ajustar)
- Consome mais créditos (code execution + ~60-90s de geração)
- 6 blocos formatados em markdown enriquecido no próprio chat
- Tabelas markdown com setas comparativas (▲▼▬)
- Scripts em blocos de código com botão "Copiar" nativo do Claude
- Blockquotes coloridos para hierarquia visual
- Geração rápida (~20-30s, sem code execution)
- Consumo mínimo de créditos
O Caminho A é a evolução natural do pipeline. Peça visual completa, executiva, pronta pra apresentar. Mas gerar HTML via Skill consome bastante crédito do plano gratuito. Se o aluno torrar tudo aqui na AP04, fica sem condição de completar a AP05.
A solução é dar escolha. Plano pago vai pelo Caminho A. Plano gratuito vai pelo Caminho B e mesmo assim sai com um briefing executivo de qualidade, só que em texto.
Esta seção descreve o que rola se você escolher o Caminho A (HTML). No Caminho B (texto), paleta e tipografia ficam de fora. O briefing usa markdown padrão. O que vem abaixo vale só pro HTML.
A Skill consulta o arquivo identidade-visual-lumina.md que você carregou no Project lá na AP01 e aplica a estética minimalismo wellness premium da marca com rigor:
6 princípios visuais aplicados ao briefing HTML
- Espaço negativo é protagonista. Nunca passa de 60% da página preenchida.
- Dados acima de ornamentos. Números e indicadores no foco, decoração mínima.
- Linhas finas, nunca grossas. 1px pros divisores, sem bordas dramáticas.
- Sem grade visível em tabelas. Só linhas horizontais finas entre seções.
- Hierarquia por espaçamento. Sem cor agressiva ou tamanho extremo.
- Sem sombras pesadas, sem gradientes. Estética calma e contida.
Até aqui você usou Skills pra padronizar (AP02) e diagnosticar (AP03). A AP04 entra com uma quarta categoria: a Skill que traduz.
A Skill gerar-briefing-lumina não inventa conteúdo novo. Ela pega o pipeline organizado (AP02) e o diagnóstico (AP03) que já estão na conversa e organiza visualmente, respeitando a identidade da marca (no Caminho A) ou em markdown enriquecido (no Caminho B). É operação de tradução pura.
A Skill tradutora visual é como um designer editorial sênior da equipe comercial. Ele é quem pega tudo pronto e transforma em algo que a Carolina lê em 5 minutos sem perder profundidade.
O conteúdo intelectual já existe. O trabalho dele é deixar isso visualmente acessível pra uso semanal.
A demonstração a seguir é só pra ilustrar durante a aula expositiva. Você não precisa testar agora. Sua atividade prática vem logo depois desta seção.
O professor demonstra o fluxo completo da Skill gerar-briefing-lumina em uma sequência linear de passos simples, porque o trabalho pesado de encadeamento já tá feito nas APs anteriores.
Fluxo completo da demonstração
O professor abre a página Customize › Skills e faz upload do arquivo gerar-briefing-lumina.zip. Depois volta pra mesma conversa do Project onde a AP02 e a AP03 já rodaram (pipeline organizado e diagnóstico narrativo visíveis no chat).
Manda uma frase curta acionando a Skill. A Skill não gera nada de cara. Ela pergunta pro professor: "Qual caminho você quer? A (HTML autocontido) ou B (texto enriquecido)?" O professor responde "A" pra demonstrar a versão visual completa.
Em ~60-90 segundos, a Skill devolve 1 artefato HTML único com botão de download, o Briefing Semanal do Pipeline Lumina · Semana de 13/out. O professor abre o HTML no navegador, mostra os 6 blocos visuais com paleta wellness, testa os botões "Copiar script" dos 3 leads urgentes, e demonstra Ctrl+P pra gerar PDF.
(Demonstração opcional do Caminho B): se sobrar tempo, o professor abre outra conversa de teste no Project, refaz AP02 e AP03 rapidão, e aciona a Skill respondendo "B" pra mostrar como fica a versão em texto enriquecido no próprio chat, sem artefato.
A pergunta sobre caminho A/B é obrigatória dentro da Skill. Motivo: o aluno do plano gratuito não percebe sozinho que gerar HTML come muitos créditos. Pode escolher A pensando "vou ver a versão bonita" e depois ficar sem crédito pra AP05.
A pergunta força uma decisão informada antes do consumo. A Skill mostra as características de cada caminho e indica o B pro plano gratuito.
Este é o prompt que o professor usa pra acionar a Skill na demonstração:
Repara que o prompt não menciona qual caminho. Quem decide é o aluno, depois que a Skill pergunta. Isso preserva a flexibilidade da Skill pro aluno escolher o caminho certo pro plano dele no Claude.
- A Skill confirma o contexto antes de tudo. Começa com mensagem curta tipo "✅ Identidade visual Lumina carregada. Pronto pra gerar briefing."
- A Skill faz a pergunta sobre caminho A ou B antes de gerar. Mostra as características de cada caminho, fala do consumo de créditos, e indica B pro plano gratuito. Espera resposta antes de seguir.
- (Caminho A) O briefing respeita a paleta wellness Lumina. Branco quente como fundo, verde-musgo como cor estrutural, coral terroso pros acentos. Zero cor fora dessa paleta.
- (Caminho A) A tipografia tá correta. Fraunces serifada nos títulos, Inter sans-serif no corpo. A combinação cria hierarquia natural sem cor agressiva ou tamanho extremo.
- (Caminho A) Os botões "Copiar script" dos 3 leads urgentes funcionam. Clique copia pro clipboard e o botão muda visual por 2 segundos.
- (Caminho A) Print-friendly funciona redondo.
Ctrl+P(ouCmd+P) gera PDF com formatação preservada, cores corretas no impresso, botões "Copiar script" ocultos automaticamente na versão impressa.
Você instala agora a Skill gerar-briefing-lumina na sua conta Claude e gera o Briefing Semanal do Pipeline Lumina · Semana de 13/out a partir do pipeline organizado e do diagnóstico que você já gerou nas APs 02 e 03 (visíveis no chat). Esta AP tem 5 passos lineares.
Você instala a Skill via upload direto do .zip (zero mensagem), volta pra conversa da AP03 (zero mensagem), aciona a Skill com uma mensagem curta (1 mensagem) e responde "A" ou "B" pra pergunta da Skill (mesma mensagem técnica).
Total acumulado da aula até aqui: 4 de 4-5 mensagens previstas. Você fecha a AP04 dentro do orçamento.
Esta AP precisa de 1 arquivo baixado: a Skill que você vai instalar.
Detalhamento: clica no botão de download acima. O arquivo .zip (~6 KB) salva na sua pasta padrão de downloads. Não descompacta o arquivo. Você vai fazer upload do .zip direto no Claude.
No menu lateral do Claude, abre Customize (ou Personalizar) e vai na aba Skills. Faz upload do arquivo gerar-briefing-lumina.zip que você baixou no Passo 01.
Detalhamento:
- No Claude, acha o menu Customize (geralmente no menu lateral esquerdo, ou em "Configurações"). Clica pra abrir.
- Dentro de Customize, vai na aba Skills (ou Habilidades).
- Clica no botão + Upload Skill (ou Carregar Skill / Adicionar Skill).
- Seleciona o arquivo
gerar-briefing-lumina.zipda sua pasta de Downloads. - Espera o Claude processar o upload (alguns segundos).
- Validação visual: confirma que a Skill
gerar-briefing-luminaaparece na lista de Skills instaladas, com status Instalada (ou Ativada). A descrição da Skill deve mencionar "Briefing Semanal" e "dois caminhos possíveis".
Validação adicional: confirma que as Skills organizar-pipeline-lumina (AP02) e diagnosticar-pipeline-lumina (AP03) continuam instaladas. A partir daqui você tem 3 Skills coexistindo na sua conta.
ATENÇÃO. Assim como na AP03, este passo é crítico. Você precisa retomar exatamente a conversa onde rodou a AP02 e a AP03. Não cria nova conversa.
Detalhamento:
- No menu lateral do Claude, clica em Projetos (ou Projects).
- Acha na lista o Project "Comercial Lumina" e clica pra abrir.
- Dentro do Project, no menu lateral interno (à esquerda), acha a lista de conversas existentes dentro deste Project.
- Clica na conversa onde você rodou AP02 e AP03 (deve ser a mais recente, com as 4 tabelas do pipeline organizado e os 5 blocos do diagnóstico narrativo visíveis no histórico).
- Validação visual: rola o histórico da conversa pra confirmar que você tá vendo: o prompt da AP02 + as 4 tabelas geradas pela Skill
organizar-pipeline-lumina, e o prompt da AP03 + os 5 blocos gerados pela Skilldiagnosticar-pipeline-lumina(com os 3 scripts em blocos de código).
A Skill gerar-briefing-lumina lê três coisas que só ficam disponíveis nesta conversa específica:
1. As 4 tabelas do pipeline organizado (geradas na AP02)
2. Os 5 blocos do diagnóstico narrativo (gerados na AP03)
3. Os arquivos de contexto do Project (carregados na AP01, incluindo identidade-visual-lumina.md que é essencial pro Caminho A)
Se você abrir nova conversa, vai precisar refazer AP02 e AP03, consumindo 2 mensagens extras que estouram o orçamento da aula. Por isso: mesma conversa, sempre.
No campo de mensagem da mesma conversa, usa o botão Copiar abaixo pra copiar o prompt da AP04. Cola no campo (Cmd+V no Mac ou Ctrl+V no Windows) e clica em Enviar (ou Enter).
Uns 10 a 15 segundos pra Skill carregar os arquivos de contexto e fazer a pergunta sobre qual caminho seguir.
O que esperar na resposta do Claude (PRIMEIRA ETAPA, antes da escolha A ou B):
- Linha de confirmação inicial: "✅ Identidade visual Lumina carregada. Pronto pra gerar briefing."
- Pergunta sobre caminho A ou B. A Skill mostra as características de cada caminho: 📄 CAMINHO A (Briefing em HTML autocontido) com lista de características (paleta wellness, tipografia, 6 blocos visuais, botões funcionais, print-friendly), marca consumo ("⚠️ Consome mais créditos, usa code execution") e indicação ("Pro aluno com plano pago do Claude"); 💬 CAMINHO B (Briefing em texto enriquecido) com lista de características (6 blocos formatados, sem artefato, sem code execution), marca consumo ("✅ Consumo mínimo de créditos, gera em poucos segundos") e indicação ("Pro aluno com plano gratuito").
- Pergunta final: "Qual caminho você quer? Responda apenas 'A' ou 'B'."
A Skill espera sua resposta antes de seguir. Não gera nada até receber "A" ou "B".
Decide qual caminho seguir baseado no seu plano:
- Plano pago do Claude? Responde "A" pra receber o briefing em HTML autocontido (visual completo).
- Plano gratuito do Claude? Responde "B" pra receber o briefing em texto enriquecido (consumo mínimo de créditos, preserva orçamento pra AP05).
Digita só a letra escolhida (sem aspas) no campo de mensagem e envia.
~60-90 segundos pro Caminho A (geração de HTML) ou ~20-30 segundos pro Caminho B (geração de texto).
O que esperar
- Mensagem curta no chat: "✅ Briefing Semanal Lumina · Semana de 13/out gerado em HTML. Arquivo HTML autocontido pronto pra download. Abra no navegador pra visualizar. Os scripts dos 3 leads urgentes têm botão 'Copiar' funcional. Pra imprimir ou exportar como PDF, use Ctrl+P (Cmd+P no Mac)."
- Artefato HTML com nome
briefing-lumina-semana-13out2025.htmlaparecendo na lateral do chat com botão de download. - Nota final sobre Live Artifacts (no chat depois do artefato).
O que fazer
- Clica em Baixar no artefato. O arquivo
.html(~50 KB) salva no seu computador. - Abre o HTML no navegador (clique duplo no arquivo baixado). O briefing abre como uma página web.
- Confere os 6 blocos visuais:
- Bloco 1, Cabeçalho institucional: Logo SVG Lumina + título "Briefing Semanal do Pipeline" + saudação pra Carolina + indicador de humor (🟢/🟡/🔴) com texto explicativo
- Bloco 2, Foto da semana: 5 cards horizontais por estágio (Lead → Qualificado → Proposta → Negociação → Fechado) com comparativo vs semana anterior (▲▼▬) + tabela limpa por canal
- Bloco 3, 3 leads urgentes: 3 cards editoriais com badge de urgência, dados do lead, diagnóstico, e botão "Copiar script" funcional em cada um
- Bloco 4, Tendências detectadas: 3 sub-blocos visuais (canal acelerando 🚀, canal desacelerando 📉, estágio travado 🚧)
- Bloco 5, Oportunidade da semana: card destacado com fundo gradiente sutil, ícone 💡 e ação sugerida
- Bloco 6, Ação recomendada: background verde-musgo escuro com texto branco quente, frase imperativa central + 3 bullets cronológicos (Hoje, Até quarta, Antes de sexta)
- Testa os 3 botões "Copiar script" do Bloco 3. Clica e vê o conteúdo ser copiado, o botão muda pra "Copiado ✓" por 2 segundos e volta ao estado original.
- (Bônus) Exporta como PDF. Aperta
Ctrl+P(ouCmd+Pno Mac), seleciona "Salvar como PDF" no destino, e salva. O PDF mantém formatação visual perfeita.
O que esperar (tudo no chat, sem artefato)
- Cabeçalho do briefing: "📋 Briefing Semanal do Pipeline Lumina | Semana de 13/out | Boa segunda-feira, Carolina. [🟡] Humor do pipeline: ATENÇÃO, [frase de 1 linha resumindo o estado]"
- Bloco 1, Cabeçalho contextual já coberto no cabeçalho acima.
- Bloco 2, Foto da semana: 2 tabelas markdown enriquecidas. Tabela de Estágios com 5 linhas + comparativo vs semana anterior (▲▼▬) e tabela de Canais com 4 linhas + comparativo.
- Bloco 3, 3 leads urgentes: mini-cards em blockquote com diagnóstico + scripts em blocos de código copiáveis (botão "Copiar" nativo do Claude).
- Bloco 4, Tendências detectadas: 3 sub-blocos em blockquotes (🚀 acelerando, 📉 desacelerando, 🚧 estágio travado).
- Bloco 5, Oportunidade da semana: blockquote destacado com 💡.
- Bloco 6, Ação recomendada da semana: frase imperativa em destaque + 3 bullets cronológicos.
- Mensagem de encerramento + nota sobre Live Artifacts (plano pago).
O que fazer
- Rola o chat e lê os 6 blocos.
- Testa os botões "Copiar" dos 3 scripts no Bloco 3. Passa o mouse sobre cada bloco de código e clica no botão "Copiar" que aparece no canto.
- (Opcional) Copia o briefing inteiro. Seleciona todo o texto dos 6 blocos no chat e copia pra um documento (Notion, Google Docs, Word) se quiser arquivar.
No fim do briefing (em ambos os caminhos), a Skill mostra uma observação destacada:
"Próximo nível (plano pago): se você tem acesso ao plano pago do Claude, dá pra usar Live Artifacts conectados a planilhas no seu computador ou Google Drive. Toda vez que você atualizar a planilha de pipeline, o briefing HTML se atualiza sozinho, sem precisar acionar a Skill de novo. É a evolução natural quando você quiser zero clique manual na rotina semanal."
Essa nota importa: mostra o próximo nível de automação possível no plano pago, sem ser pushy. A Carolina (na empresa real) pode pensar em migrar pra plano pago quando perceber que tá atualizando a planilha toda segunda na mão.
Você sai desta atividade com
- A Skill
gerar-briefing-luminainstalada permanentemente na sua conta Claude, pronta pra gerar o briefing de qualquer semana futura. - O Briefing Semanal do Pipeline Lumina · Semana de 13/out em HTML autocontido (~50 KB salvo no seu computador) OU em texto enriquecido (visível no chat e copiável manualmente).
- 3 Skills encadeadas rodando no Project Comercial Lumina. Você cobriu todo o pipeline manual de gestão semanal.
- 3 scripts de aproximação prontos pra copiar com botão "Copiar" funcional (no HTML do Caminho A ou nos blocos de código do Caminho B).
- A capacidade de exportar o briefing como PDF via
Ctrl+P(só Caminho A), com formatação preservada pra envio por email ou impressão.
A Skill gerar-briefing-lumina foi pré-construída com a identidade visual específica da Lumina (paleta wellness, Fraunces + Inter, princípios de design minimalismo). Quando for fazer o Desafio na sua empresa, você vai precisar de uma Skill gerar-briefing-[sua-empresa] calibrada pra identidade visual da sua marca. Usa o prompt abaixo como base no Desafio (no fim desta AP):
"Vou criar uma Skill no Claude que produz o Briefing Semanal do Pipeline da minha empresa em DOIS CAMINHOS (HTML autocontido OU texto enriquecido). A persona alvo é [NOME, CARGO]. A identidade visual da minha marca tem: paleta [HEX CODES DA SUA MARCA], tipografia [FONTES DA SUA MARCA] (ou indique 'sem identidade visual definida, use combinação neutra'), princípios visuais [DESCRIÇÃO DO ESTILO, corporativo / tech minimalista / premium / casual moderno]. Por favor, gere uma Skill gerar-briefing-[empresa] em formato .zip que: (1) sempre pergunte ao usuário qual caminho A ou B antes de gerar, (2) no Caminho A produza um HTML autocontido com 6 blocos visuais (cabeçalho, foto da semana, 3 leads urgentes com botões Copiar, tendências, oportunidade, ação recomendada), aplicando paleta e tipografia da marca, com print-friendly via @media print, (3) no Caminho B produza os 6 blocos em markdown enriquecido no chat (tabelas, blockquotes, scripts em blocos de código), (4) em ambos os caminhos, adicione nota final sobre Live Artifacts (plano pago). Entregue como artefato .zip pra download."
Na próxima atividade prática você vai estabelecer a rotina semanal de geração do briefing, com 3 caminhos à sua escolha:
• Caminho 1, Tarefa Agendada no Cowork (💎 plano pago), automação completa toda segunda 8h
• Caminho 2, Project pinned + prompt salvo (qualquer plano), 2 minutos de esforço semanal
• Caminho 3, Lembrete no Calendário com link e prompt no corpo do evento (qualquer plano), não esquece, 5 minutos de esforço semanal
A AP05 não consome mensagens do Claude. Toda configuração é via interface.
Agora que você dominou o conceito da Skill tradutora visual com o caso da Lumina (e os 2 caminhos A/B), replica o processo pra realidade da sua empresa.
O que fazer:
- Reúne as referências de identidade visual da sua empresa:
- Paleta de cores oficial (consulta seu manual de marca, entre 4 e 6 cores, com códigos HEX)
- Tipografia oficial (1 fonte pros títulos + 1 fonte pro corpo). Se sua empresa não tiver tipografia definida, usa combinações neutras: Georgia + Inter, Playfair Display + Source Sans, Cormorant + Lato.
- Princípios visuais (corporativo, tech minimalista, premium dourado, casual moderno, wellness, brutalist, editorial?)
- Persona alvo do briefing (quem vai receber e ler toda segunda, nome + cargo)
- Gera a Skill
gerar-briefing-[sua-empresa]. Usa o prompt sugerido na observação do item 10 desta AP. Substitui os campos [NOME, CARGO], [HEX CODES], [FONTES] e [DESCRIÇÃO DO ESTILO] pelos valores reais da sua marca. Envia o prompt pro Claude e gera a Skill em formato.zip. - Instala a Skill gerada em
Customize › Skillsna sua conta Claude. - Garante que as Skills
organizar-pipeline-[empresa]ediagnosticar-pipeline-[empresa](geradas nos Desafios das APs 02 e 03) já estão instaladas e funcionais. Você vai precisar delas primeiro pra gerar pipeline organizado e diagnóstico. - Garante que o Project Comercial da sua empresa (criado no Desafio da AP01) tem o
identidade-visual-[empresa].mdcarregado. - Aciona a Skill de briefing na mesma conversa onde as Skills organizadora e diagnóstica da sua empresa rodaram. Usa o prompt: "Gere agora o Briefing Semanal usando a Skill
gerar-briefing-[empresa]." - Responde A ou B quando a Skill perguntar (baseado no seu plano).
- Avalia o briefing:
- (Caminho A) O HTML respeita a identidade visual da sua marca? Os 6 blocos estão visualmente claros? Os botões "Copiar script" funcionam?
Ctrl+Pgera PDF aceitável? - (Caminho B) Os 6 blocos no chat estão visualmente distintos? As tabelas com setas comparativas estão legíveis? Os scripts em blocos de código têm botão "Copiar" nativo?
- (Caminho A) O HTML respeita a identidade visual da sua marca? Os 6 blocos estão visualmente claros? Os botões "Copiar script" funcionam?
- Itera a Skill se precisar. Skill de geração visual quase sempre pede 1-2 iterações pra calibrar. Ajusta paleta, tipografia, espaçamento, hierarquia visual conforme sua marca.
Você já configurou o ambiente (AP01), estruturou o pipeline (AP02), produziu o diagnóstico narrativo (AP03), e agora tem a peça visual final (AP04). Em 4 dias, você cobriu 80% do pipeline comercial completo da sua empresa.
Falta 1 desafio: a automação da rotina semanal (AP05).
Faz este desafio em 1 dia depois de terminar o Desafio da AP03. Em 5 dias você tem o pipeline rodando com dados reais da sua empresa.