Apresentacao | Skills Pool
Apresentacao Cria apresentações internas da Beza Media no Figma (All Hands, Dual Hands, MAP, reuniões internas, kickoffs, planejamentos). Segue o sistema visual completo da Beza com 7 tipos de slide, alternância de fundos, tipografia IBM Plex Sans, hierarquia inline e regras de rag shaping. Use quando o usuário pedir "monta uma apresentação", "all hands", "dual hands", "slides internos", "apresentação de reunião", "deck interno".
luansinezio 0 星標 2026年4月13日
Quando usar
Apresentações internas da Beza ou para clientes que sigam o sistema visual da Beza:
All Hands, Dual Hands, MAP, MAP individual
Kickoffs de projeto
Planejamentos estratégicos
Reuniões de retrospectiva ou planejamento
Decks de pitch interno
Para propostas comerciais para clientes externos com identidade própria, usar /proposta-comercial.
Workflow obrigatório
A criação sempre segue essa ordem. Nunca pular etapas. Nunca ir direto pro Figma.
Etapa 1 — Definir a copy
Antes de qualquer coisa visual, escrever a copy completa de cada slide. Perguntar:
Qual é o tema da apresentação? (define o texto central dos breadcrumbs)
npx skillvault add luansinezio/luansinezio-beza-os-claude-skills-apresentacao-skill-md
星標 0
更新時間 2026年4月13日
職業 Qual o objetivo?
Quem vai assistir? (time interno, sócios, cliente)
Tem dados/números pra apresentar? (se sim, listar)
Tem alguma frase-chave ou citação? (se sim, capturar)
Etapa 2 — Definir quantidade de slides Calcular o número de slides com base na copy:
Apresentações curtas: 5-8 slides
Apresentações médias: 10-15 slides
Apresentações longas: 15-25 slides
Nunca exceder 25 slides para apresentações internas.
Etapa 3 — Definir tipo de slide para cada parte da copy Mapear cada parte da copy para um dos 7 tipos de slide :
Tipo Quando usar Visual Capa Abertura da apresentação Título grande centralizado, fundo escuro Pergunta Provocar reflexão, abrir tema Frase grande centralizada com "?" Contexto Explicar, dar contexto Texto médio à esquerda Estrutura Agenda, pilares, blocos Hierarquia organizada com auto layout Frase de Impacto Citação, mantra, frase-chave Quote grande centralizado, geralmente fundo escuro Dados/Tópicos Métricas, listas, bullets Lista de bullets, fundo claro Desenvolvimento Texto corrido, explicação detalhada Título + corpo de texto
Etapa 4 — Definir alternância de fundos Aplicar a regra de alternância — nunca repetir a mesma cor em slides consecutivos:
Escuro (Preto 1 ou Preto 2) — capa, frases de impacto, fechamentoLilás (Roxo 1) — perguntas, seções intermediárias, estruturaClaro (Branco 1) — contexto, dados, desenvolvimento Exceção única: tópico + desenvolvimento da mesma seção podem repetir cor.
Etapa 5 — CHECKPOINT — Apresentar plano antes de montar Mostrar tabela completa antes de tocar no Figma:
| # | Copy | Tipo | Fundo |
|---|------|------|-------|
| 01 | "All Hands" | Capa | Escuro |
| 02 | "Onde estamos errando?" | Pergunta | Lilás |
| ... | ... | ... | ... |
Perguntar: "Aprova essa estrutura ou quer ajustar antes de eu montar?"
Só seguir após aprovação.
Etapa 6 — Montar no Figma
Criar nova página com nome da apresentação
Aplicar canvas color #1E1E1E na páginaPara cada slide, clonar do template correto (ver Sistema de Assets abaixo)
Aplicar conteúdo seguindo as regras tipográficas e de cor
Aplicar rag shaping em todos os textos centralizados com 6+ palavras (NA MONTAGEM, não depois)
Aplicar hierarquia inline (Medium no punch da frase)
Etapa 7 — Revisão obrigatória (QA) Rodar o checklist completo antes de declarar como pronto. Se qualquer item falhar, corrigir antes de entregar.
Sistema visual completo
Tipografia Fonte padrão: IBM Plex Sans (Google Fonts)
Escala tipográfica (slides 1920×1080):
Nível Tamanho Peso Uso Display 180-200px Light Títulos de capa e seção Headline ~143px Light + Medium destaque Perguntas, frases impacto Title ~74px Light Subtítulos, MAP explicação Subtitle ~53px Light + Medium destaque Contexto, descrições Body ~38px Medium Tópicos, dados, bullets Caption ~22px Light Breadcrumbs
Tamanho dinâmico do Display (capa):
2 palavras curtas (ex: "All Hands") → 200px
2 palavras longas ou 3 palavras → 180px
4+ palavras → quebrar ou reduzir pra 160px
Tópicos e listas (Body 38px):
Peso: Medium
Line height: 136%
Letter spacing: -1%
Bullet: • (espaço depois)
Cores Backgrounds: PNGs fixos e bloqueados, sempre clonados do Template
Preto 1 / Preto 2 — fundo escuroRoxo 1 — fundo lilásBranco 1 — fundo claro
Escuro → #9A9BE5 (lilás) — texto inteiro, nunca parcialLilás → #C4C2D6 (cinza lilás)Claro → #101115 (escuro) Canvas do Figma: #1E1E1E em todas as páginas (aplicar ao criar)
Proibido: branco puro #FFFFFF em qualquer lugar — sempre #C4C2D6
Hierarquia inline (regra de destaque) Em frases com 6+ palavras, destacar a parte-chave em Medium :
Restante em Light
O trecho destacado é o "punch" da frase, com olhar de copywriter
Aplicar em: Display, Headline, Title, Subtitle
Não aplicar em: Body, Caption, listas/tópicos
"Onde estamos errando ?"
"Quem não mede os próprios erros está condenado a repeti-los"
"Conforto é o inimigo do crescimento"
Rag shaping (CRÍTICO — aplicar na montagem) Texto centralizado (Headline/Pergunta/Frase) com 6+ palavras: formato sanduíche
Linha 1 ≈ linha 3 (menores)
Linha 2 (maior)
O destaque inline cai na linha do meio
Quebras manuais (\n) obrigatórias
Quem não mede os
próprios erros está
condenado a repeti-los
Texto alinhado à esquerda (Contexto/Subtitle): formato diagonal/cascata
Primeira linha = maior
Cada linha seguinte um pouco menor
Cria arco descendente
Evitar viúvas (última linha com 1-2 palavras)
Nunca duas linhas consecutivas do mesmo comprimento
Estamos abaixo das metas e o tempo
está contra nós e precisamos
agir agora
Alinhamento e centralização
Texto à esquerda → centralizar verticalmente na área útilTexto centralizado → centralizar vertical e horizontalmente na área útilÁrea útil = entre breadcrumbs (top ~80px, bottom ~1000px = 920px de altura útil)
Auto Layout
Texto único → posicionar direto no slide, sem wrapper/grupo/auto layoutGrupos de texto relacionados → usar Auto Layout (ex: bullets, blocos de agenda)Body com texto longo → textAutoResize = "HEIGHT" e largura mínima 900px (pra não cortar)
Breadcrumbs Texto de navegação no topo e rodapé de cada slide.
Formato: Beza Media | [Tema contextual] | Apresentação
✅ Slides escuros — opacidade 20%
✅ Slides lilás — opacidade 70%
❌ Slides claros — não têm breadcrumbs
Texto central: contextual ao tema da apresentação:
"All Hands" / "Dual Hands" / "MAP" / nome do projeto / nome do cliente
Estrutura: Auto Layout horizontal space-between no topo + no rodapé. Sempre clonar da página Template.
Sistema de assets — Página Template A página "Template" no arquivo Figma é a fonte oficial de todos os assets visuais. Sempre clonar dela , nunca recriar.
A página Template contém 7 frames, um pra cada tipo de slide:
Tipo — Capa (fundo escuro)
Tipo — Pergunta (fundo lilás)
Tipo — Contexto (fundo lilás)
Tipo — Estrutura (fundo escuro/lilás)
Tipo — Frase de Impacto (fundo escuro)
Tipo — Dados/Tópicos (fundo claro)
Tipo — Desenvolvimento (fundo claro)
Como usar a Template Quando precisar criar um slide:
Identificar o tipo + fundo necessário
Clonar o frame Template que tenha o fundo correto
Se o tipo de slide existe em outro fundo, clonar o frame com fundo certo (mesmo que o tipo seja diferente) e adaptar
Trocar o PNG de fundo pelo correto se necessário (Preto/Roxo/Branco)
Atualizar o conteúdo
Quando precisa trocar fundo PNG Se o template clonado tem fundo errado pro slide:
Remover o PNG atual do slide
Clonar o PNG correto da Template (Preto 1, Roxo 1 ou Branco 1)
Inserir como primeiro filho do slide
Bloquear o PNG (locked = true)
Exemplo de copy pessimista vs otimista A copy define o tom da apresentação. Mesmo conteúdo pode ser apresentado com tons diferentes:
"Como vamos chegar lá"
"O que funcionou no trimestre"
"Próximos passos pra acelerar "
"Onde estamos errando "
"O que não mudou continua nos custando"
"Conforto é o inimigo do crescimento"
"Resumo do trimestre"
"Métricas atuais"
"Roadmap dos próximos meses"
O tom deve ser consistente em toda a apresentação.
Checklist de revisão (obrigatório antes de entregar) Rodar essa checagem em todos os slides . Se algum falhar, corrigir e rodar de novo.
Fundo PNG correto — nome do PNG do primeiro filho corresponde ao tipo (Preto=escuro, Roxo=lilás, Branco=claro)Cor de texto correta — escuro=#9A9BE5, lilás=#C4C2D6, claro=#101115 (sem exceção, inclusive textos com peso misto)Breadcrumbs — presentes em escuro (20%) e lilás (70%), ausentes em claroBreadcrumbs contextuais — texto central reflete o tema da apresentaçãoHierarquia inline — frases 6+ palavras com destaque Medium no punchRag shaping aplicado — centralizado=sanduíche (3 linhas), esquerda=diagonal, sem viúvasCentralização — conteúdo centralizado na área útil (entre breadcrumbs)Texto único — sem wrapper/grupo/auto layout desnecessárioTexto cortando — body com textAutoResize = "HEIGHT" e largura ≥ 900pxCanvas do arquivo — fundo #1E1E1E em todas as páginasAlternância de fundos — nenhum slide consecutivo com mesma cor (exceto tópico+dev da mesma seção)Sem lixo herdado — sem textos "À vista PIX...", "Estamos ansiosos...", "Header" do template original
Como rodar a revisão (programaticamente) Para cada slide na página:
Comparar nome do PNG de fundo com o tipo esperado
Iterar todos os textos (exceto breadcrumbs) e checar cor RGB
Verificar presença/ausência de breadcrumbs conforme tipo de fundo
Verificar opacidade dos breadcrumbs
Reportar lista de issues por slide. Se zero issues, declarar "ZERO ISSUES — Revisão aprovada".
Regras gerais
Nunca pular o back-office (copy → slides → tipos → checkpoint)Nunca ir direto pro Figma sem aprovação da estruturaSempre clonar da Template — nunca recriar do zeroSempre rodar revisão antes de declarar prontoSempre aplicar rag shaping na montagem, não como correção posteriorSempre consultar marca/design-guide.md pra detalhes visuaisTom dos textos segue _contexto/preferencias.md — direto, confiante, sem jargão corporativoSe o usuário não definir o tema do breadcrumb, perguntar antes de montar
Se a apresentação tiver mais de 25 slides, sugerir dividir
Output esperado Ao final do fluxo, entregar:
Página nova no Figma com a apresentação completa
Resumo da estrutura (tabela com # | tipo | copy | fundo)
Confirmação de revisão aprovada
Pergunta: "Quer ajustar algo ou seguimos pra renderizar/exportar?"
02
Quando usar
商業應用
Startup Metrics Framework Track, calculate, and optimize key performance metrics for SaaS, marketplace, consumer, and B2B startups from seed through Series A, including unit economics, growth efficiency, and cash management. Use this skill when defining a metrics framework, calculating CAC/LTV/burn multiple, benchmarking business health, or preparing metrics dashboards for investors or board reporting.