<payload-blockquote tags, code-segment tags, and all Markdown formatting. I will also ensure that the translation sounds natural in Portuguese (Brazil), following all the guidelines provided.
Here is the translation:
Depois de abrir o código do guizang-ppt-skill (github.com/op7418/op7418/guizang-ppt-skill) da última vez, todo mundo amou, e em poucas semanas ele alcançou mais de 6.000 GitHub Stars. Ele foi até mencionado e incluído no popular open-source Claude Design.
Também vi PPTs gerados por essa PPT Skill em muitos lugares, tanto online quanto lugares, tanto online quanto offline.
Após o lançamento, as perguntas mais frequentes que recebi nos bastidores foram:
"Podemos ter mais estilos?"
"Você pode me ajudar com as ilustrações também?"
"Preciso redesenhar a capa do PPT para outras plataformas plataformas?"
Anotei tudo enquanto usava e guardei por duas semanas. Desta vez, estou preenchendo todas essas lacunas de uma vez.
O que foi atualizado
Um novo visual foi adicionado, as capacidades de ilustração foram conectadas diretamente ao Codex, e capas para plataformas além do PPT agora podem ser feitas facilmente.
Especificamente, três coisas:
- Adicionado o Estilo B: Internacionalismo Suíço. Sem serifado em toda a extensão, uma única cor âncora de alta saturação e grade em primeiro lugar.
- Codex integrado com GPT-Image 2.0. Gere diretamente ilustrações que combinam com o tom, incluindo retratos com textura cinematográfica, fluxogramas e capturas de tela de UI embelezadas.
- Geração de capas para várias plataformas. O mesmo conteúdo pode ser usado para criar capas para Xiaohongshu, WeChat Official Accounts do WeChat, Video Accounts e muito mais.
Acionando o novo estilo
Após a instalação, diga ao Claude ou Codex: "Me ajude a fazer um PPT estilo suíço."
Se você já instalou, também pode dizer ao seu IA: "Me ajude a atualizar o guizang-ppt-skill."
Ele vai te perguntar: International Klein Blue (IKB), Lemon Yellow, Lemon Green ou Safety Orange — qual dos quatro temas você escolhe?
- International Klein Blue (IKB): Universal, lançamentos de negócios, produtos de IA; recomendação padrão.
- Lemon Yellow: Jovem, esportes, varejo, retrô Y2K.
- Lemon Green: Ecologia, sustentabilidade, branding Gen Z.
- Safety Orange: Aviso, notícias, temas de alta energia.
Como antes, códigos hexadecimais personalizados não são aceitos.
Escrevi especificamente essa regra nas restrições rígidas do SKILL.md. Expliquei o motivo no artigo anteriormente, então não vou repetir.
Layouts mais usados
O estilo suíço vem com 22 layouts nomeados prontos para uso, cobrindo capas, capítulos, dados, comparações e encerramentos.
Aqui estão os seis mais reconhecíveis:
**Capa. A metade esquerda usa o fundo IKB com uma linha de texto branco gigante, enquanto a metade direita é espaço em branco com informações meta. Quase obrigatório para a primeira página.
Declaração. Uma única frase ocupa 9.6vw; a página inteira é apenas isso e uma pequena linha de texto do rodapé. Adequado para iniciar capítulos ou lançar argumentos centrais.
Torre de KPI. Quatro colunas sólidas com alturas determinadas por dados, seguidas por uma linha de categorias. Comparações numéricas longitudinais como estratificação de margem de lucro, faixas de preço e funis de conversão podem ser entendidas rapidamente.
<payload-block id="blk_6" type="Diagrama de Loop. Etapas numeradas distribuídas em anéis concêntricos, fechando em um círculo. Adequado para explicar loops de auto-aprendizagem, ciclos de automação de Agent e flywheels de feedback de produto.
<payload-block id="blk_7" type="Comparação Dupla. Uma linha central fina com um conjunto de texto e dados de cada lado. Use para sistema antigo vs. nova solução, tradicional vs. IA, ou Antes vs. Depois.
<payload-block id="blk_8" type="Manifesto de Encerramento. A metade esquerda é um manifesto IKB branco sobre azul IKB, e a metade direita tem três conclusões para finalizar a peça. Recomendado para a última página do deck para criar um loop de cores com a capa.
Outros incluem linhas do tempo horizontais, confronto de Três Forças, hierarquia de Diagrama de Sistema, suporte de argumento Why Now, especificações técnicas de Tech Spec, estudos de caso Image Hero com KPIs e mais.
Cada um corresponde a uma forma de conteúdo típica. Quando você diz "Quero fazer um ranking do setor" ou "Quero fazer um benchmark de produto", o IA vai escolher o mais adequado entre esses 22; você não precisa lembrar dos nomes.
Depois de escolher o tema, o resto do processo é o mesmo da versão anterior: 6 perguntas de esclarecimento, depois o esboço e a tabela de ritmo, e finalmente o código após o alinhamento.
Deixe o GPT-Image 2.0 ajudar você com imagens
Se você usar no ambiente Codex, depois que o PPT for escrito, ele vai perguntar ativamente: "Quer gerar algumas ilustrações para este PPT?"
Se precisar, ele vai gerará automaticamente o tipo de ilustração adequado de acordo com o estilo e conteúdo do PPT:
Fotos documentário humanístico (textura de filme), infográficos (processos, comparações, relacionamentos de sistema), redesign de capturas de tela (refazendo suas imagens originais de acordo com as proporções do PPT), pôsteres de dados, fluxogramas e diagramas de relacionamento de sistema.
As imagens geradas se adaptarão automaticamente ao estilo e à cor do seu deck atual.
Especificamente:
- Para o estilo Digital Magazine, os infográficos seguem um tom e-ink: principalmente preto, branco e cinza, com algumas cores de baixa saturação, linhas finas, grades e espaço em branco contido.
- Para o estilo suíço, os infográficos seguem um tom modernista suíço: rótulos curtos sem serifa com sensação Helvetica/Inter, grades de 12/16 colunas e ângulos retos.
- Se você escolher IKB Blue, as imagens geradas usarão IKB Blue como a única cor âncora única. O mesmo se você escolher Lemon Yellow, Lemon Green ou Safety Orange.
- O idioma do texto segue o deck; decks em chinês usam rótulos em chinês, e decks em inglês usam rótulos em inglês.
- As imagens geradas não têm uma casca de PPT; não terão cabeçalhos, rodapés, números de página, assinaturas ou bordas decorativas.
Esse detalhe garante que você não precise se preocupar com a consistência visual de todo o deck.
Você não encontrará uma desconexar uma desconexão onde o PPT é IKB Blue, mas a ilustração é verde, e você não precisa ajustar prompts para o GPT-Image enquanto escreve o PPT.
A deriva visual entre ferramentas é o custo oculto com que mais lutei ao usar IA para conteúdo nos últimos dois anos. Resolver isso na camada Skill significa uma preocupação a menos para o usuário.
Deixe ele ajudar você a fazer capas para plataformas
Depois que o PPT estiver pronto, você sempre precisa resolver três formatos sempre precisa resolver três formatos antes de publicar: cabeçalho 21:9 do WeChat Official Account, imagem vertical 3:4 do Xiaohongshu e capa horizontal do Video Account.
Basta dizer: "Com base nos pontos principais deste PPT, me dê uma capa 3:4 do Xiaohongshu" ou "Me dê um cabeçalho 21:9 do WeChat." O IA gerará imagens de acordo com as regras visuais do Skill (mesma cor de tema, mesma fonte, regra de foco único).
O processamento em lote também é possível. Para o mecanismo de carrossel do Xiaohongshu, você pode pedir para "produzir 6 imagens em lote com um estilo unificado, tamanho de fonte consistente e layouts diferentes" de uma só vez.
O WeChat é especial; o cabeçalho é 21:9, mas o cartão de compartilhamento usa uma imagem quadrada 1:1, e os dois precisam de continuidade visual.
A maneira de fazer é gerá-los duas vezes, mas usar o mesmo conjunto de cores e texto:
- O primeiro cabeçalho principal 21:9 tem o título principal à esquerda e uma âncora visual à direita.
- A segunda imagem quadrada 1:1 serve como uma extensão visual do cartão de compartilhamento, com os principais elementos ecoando o cabeçalho.
Meus dois layouts comuns: fundo sólido + texto gigante + data no canto, ou um layout dividido com uma imagem à esquerda e texto à direita.
Algumas ideias inteligentes que valem a pena compartilhar
Ideia 1: Usar textura de filme para combater o "ar de IA"
Ao escrever um compartilhamento sobre "uma pessoa fazendo um produto", você precisa de uma imagem que transmita a emoção de "trabalhar sozinho". Antes, você passava meia hora no Unsplash ou usava uma foto de banco de estoque. Agora, basta dizer: "Gere uma foto documental 16:10 de uma pessoa em um estúdio tarde da noite, luz natural, baixa saturação, leve granulação de filme, textura Fujifilm."
A imagem resultante tem um calor humano contido e não parece plástica. Escrevi esse julgamento em references/image-prompts.md. A textura de filme é o maior valor do GPT-Image 2.0 para ilustrações de PPT; ela remove o rótulo "gerado por IA" da imagem.
Ideia 2: Refazer capturas de tela com proporções estranhas
Muitos criadores têm capturas de tela brutas: UIs de produto, páginas de back-end, painéis de dados, todos com proporções diferentes e espaço em branco inconsistente. Colocá-los em um PPT arruína o fluxo visual. Agora, basta soltar a imagem original no Codex: "Refaça em 16:10, mantenha todos os elementos da UI, adicione algum ambiente de cena de trabalho real, densidade média."
Ele regenerará uma imagem que atende aos padrões do PPT, com todas as informações principais intactas e proporções e espaço em branco perfeitamente unificados. Isso é especialmente útil para conteúdo de revisão de produto.
Ideia 3: "Embalar" imagens de IA com modelos de PPT
Este é um uso que testei. Se uma imagem do GPT-Image 2.0 for enviada sozinha, ferramentas de detecção de IA provavelmente a marcarão. Isso pode afetar os pesos de recomendação nas redes sociais. Mas se você colocar essa imagem em um modelo de PPT e depois tirar um print de tudo, o resultado é completamente diferente. Isso essencialmente monta material gerado por IA em um trabalho completo, adicionando traços humanos. Ainda é uma expressão baseada nos fatos do seu esboço, não ficção, apenas evitando ser identificado erroneamente por algoritmos.
Por que fica bonito
Finalmente, vamos falar sobre a filosofia de design. De onde vieram as regras visuais para este estilo suíço?
Eu dei a ele âncoras visuais como Massimo Vignelli e Helvetica Forever—a tradição do Internacionalismo Suíço do sistema de metrô de Nova York, Unimark e Müller-Brockmann.
Se você já abriu o livro Helvetica Forever ou viu o sistema de sinalização de 1970 que Vignelli fez para o metrô de NY, você reconhecerá essa linguagem. Comparando os dois estilos, a diferença é imediata:
Simplificando: O Estilo A é para contar histórias; o Estilo B é para declarar fatos.
7 Disciplinas de Design
As regras visuais do estilo suíço são na verdade apenas sete pontos, cada um um padrão da indústria de cem anos atrás. Eu apenas os escrevi no Skill para o IA executar.
1. Cor Âncora Única. Apenas uma cor de destaque é permitida em um deck. Se for azul, é apenas azul. Sem colagens azul e amarelo. Esta é a alma do estilo suíço. "Menos é mais" não é apenas um slogan; deve ser escrito como uma regra rígida no código.
2. Contraste Extremo de Tamanho de Fonte Extremo.** A proporção do título principal para o corpo do texto é de pelo menos 8:1. O manifesto gigante na capa usa min(11.6vw, 19vh), enquanto o corpo é 1.1vw. A tensão visual é extraída por esse contraste, não por decoração.
3. Quanto Maior o Texto, Mais Fino. Títulos principais usam font-weight 200 (ExtraLight), não 700, 800 ou 900. O texto grande no estilo suíço é como uma escala em um desenho arquitetônico; deve ser visto, mas não alto.
4. Ângulos Retos e Cores Sólidas. border-radius, box-shadow e linear-gradient são todos cortados. Todos os blocos de cor são em ângulo reto, e todos os limites são linhas finas de 1px. Parece duro, mas a "aparência de aplicativo de consumo" ou "aparência de modelo SaaS" que você vê em todos os lugares vem do abuso desses três atributos.
5. Supremacia da Grade. Uma grade de 16 colunas com um espaço de 16px. Todos os elementos se encaixam na grade, usando alinhamento à esquerda e grande espaço em branco para uma estética assimétrica. Sem centralização, sem distribuição uniforme.
6. Sem Fundos WebGL. O Estilo A usa fluidos WebGL para uma sensação de respiração; o estilo suíço remove isso deliberadamente. O branco puro é seu fundo; qualquer fundo dinâmico é uma distração.
Considerações Finais
O cerne desta atualização respostas desta atualização desta atualização respostas para uma pergunta: qual é a extensão da cadeia de colaboração humano-IA na criação de conteúdo?
Com o lançamento anterior de código aberto, terminei a parte de "fazer PPT". Desta vez, conectei "geração de ilustração" na frente e "capas para várias plataformas" atrás. Adicionar um novo estilo e um novo loop de cor fecha toda a cadeia. Desde escrever um esboço até gerar o PPT, ilustrações, exportar e publicar em diferentes plataformas—o que antes exigia cinco programas de software agora pode ser feito em uma única conversa.
Por que o Skill de PPT do Mestre Guizang ainda recebe tanto uso e atenção quando há tantos Skills de PPT no mercado?
A IA só pode fazer 70% do trabalho. Cada layout nestes dois modelos foi alcançado através do meu ajuste fino manual em cima da IA. Em outras palavras, estou projetando usando linguagem natural. Mesmo na era da IA, conteúdo de 90 pontos continua sendo precioso.
O Skill foi atualizado no GitHub: github.com/op7418/guizang-ppt-skill
O método de atualização é o mesmo da última vez. O README tem o "prompt de instalação para IA." Copie e cole no seu Claude Code, Codex ou qualquer Agent com permissões de shell, e ele puxará automaticamente a versão mais recente. Uma vez instalado, dizer "Me ajude a fazer um PPT estilo suíço" acionará o novo estilo.
