Pular para o conteúdo
Skillpedia
Copy e vendas101 mil · #420

magazine-web-ppt

Ensina seu agente de IA a criar e manter a identidade visual de uma marca e escrever textos que vendem.

O que ela faz

Cria uma apresentação em formato de página única da web (HTML) com um estilo visual de revista eletrônica e tinta eletrônica. Ela usa fundos animados, fontes elegantes e navegação horizontal.

Quando usar

  • ✓Apresentações offline ou internas.
  • ✓Lançamentos de novos produtos de IA ou dias de demonstração.
  • ✓Palestras com um estilo pessoal forte.

Exemplo do que pedir para a IA

“Crie uma apresentação estilo revista sobre o futuro da IA, com foco em ética e impacto social.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/nexu-io/open-design/blob/main/design-templates/guizang-ppt/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/nexu-io/open-design/blob/main/design-templates/guizang-ppt/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A IA usa um modelo de página web com um design inspirado em revistas. Ela organiza seu conteúdo em seções horizontais que você pode navegar com as setas do teclado ou deslizando o dedo.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add nexu-io/open-design --skill magazine-web-ppt

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/guizang-ppt/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Revista Web Ppt

O que esta habilidade faz

Gera um deck horizontal de deslize em HTML de arquivo único com um tom visual de:

  • Um estilo híbrido de revista eletrônica + tinta eletrônica
  • Um fundo de fluido / contorno / dispersão WebGL (visível nas páginas principais)
  • Títulos em serifa (Noto Serif SC + Playfair Display) + corpo em sem serifa (Noto Sans SC + Inter) + metadados em monoespaçado (IBM Plex Mono)
  • Ícones de linha Lucide (sem emoji)
  • Paginação horizontal esquerda/direita (teclado ← →, roda de rolagem, deslize por toque, pontos inferiores, índice ESC)
  • Interpolação suave de tema: ao virar para uma página principal, as cores e o shader transicionam suavemente

A estética desta habilidade não é "PPT corporativo", nem "UI de internet do consumidor": parece a revista Monocle depois que o código foi costurado nela.

Quando usar

Cenários adequados:

  • Palestras offline / palestras internas da indústria / salões privados
  • Lançamentos de novos produtos de IA / dia de demonstração
  • Palestras com um forte estilo pessoal
  • Uma versão web de slides que você "faz uma vez, sem necessidade de ferramenta de paginação"

Cenários inadequados:

  • Longos trechos de dados tabulares, gráficos empilhados (use um PPT regular)
  • Material de curso de treinamento (densidade de informação muito baixa)
  • Edição colaborativa por várias pessoas (isso é HTML estático)

Fluxo de trabalho

Etapa 0 · Inferir uma direção; perguntar apenas quando a comparação for solicitada

Inferir uma das 5 direções de revista a partir do briefing, público, conteúdo e contexto conhecido. Cada direção empacota sua cor temática, layouts recomendados, estilo de cromo e contagem de slides. Use o ajuste mais próximo e continue sem perguntar.

Somente quando o usuário explicitamente pedir para ver ou comparar opções de direção, abra references/styles.md e apresente os resumos de 1 linha em uma direction-cards forma de pergunta:

1. Monocle Editorial · International magazine style ✦ default
2. WIRED Tech · Data + engineering
3. Kinfolk Slow · Slow living / humanist
4. Domus Architectural · Architecture / sense of space
5. Lab / Reference · Academic + craft manual

Se o usuário disser "Não sei, você recomenda" ou não fornecer nenhuma pista de direção: use Monocle Editorial por padrão sem perguntar, pois tem a menor probabilidade de falha. Se o usuário mencionar "IA / benchmark / lançamento técnico": escolha WIRED; "leitura / privado / círculo social": escolha Kinfolk; "design / arquitetura / portfólio": escolha Domus; "pesquisa / acadêmico / metodologia": escolha Lab.

Após escolher uma direção, crie ou atualize 项目记录.md (Registro do Projeto) na pasta do projeto, com a primeira linha declarando claramente a direção + cor temática + público + duração (veja o modelo no final de styles.md). Não mude a direção em nenhum momento: mudar no meio = tudo antes é desperdiçado.

Etapa 1 · Resolver intenção

Se o usuário já forneceu um esboço completo + imagens, você pode pular direto para a Etapa 2.

Inferir a lista de verificação abaixo a partir do briefing, metadados do projeto, conteúdo fornecido e conversa. Se uma resposta ausente alteraria materialmente o deck e não houver um padrão seguro, pergunte apenas esses campos não resolvidos em uma forma de pergunta consolidada. Não pergunte a lista de verificação um por um.

Lista de verificação de esclarecimento de 6 perguntas

A direção e a cor temática são inferidas na Etapa 0, a menos que o usuário explicitamente peça para comparar opções.

# Pergunta Por que perguntar
1 Quem é o público? Cenário de compartilhamento? (indústria interna / lançamento comercial / dia de demonstração / salão privado) determina o estilo e a profundidade da linguagem
2 Duração da palestra? 15 min ≈ 10 páginas, 30 min ≈ 20 páginas, 45 min ≈ 25-30 páginas (veja a faixa recomendada de cada direção em styles.md)
3 Algum material fonte? (documentos / dados / PPT antigo / links de artigos) com material, construa sobre ele; sem material, ajude-os a construir
4 Alguma imagem? Onde elas estão? veja a "Convenção de imagem" abaixo
5 Qual cor temática você quer? ✓ já decidido pela direção na Etapa 0
6 Alguma restrição rígida? (deve incluir XX dados / não deve mostrar YY) evita retrabalho

Assistência de esboço (se o usuário não tiver um esboço)

Use o modelo de "arco narrativo" para construir o esqueleto, depois preencha o conteúdo:

Gancho       → 1 página   : apresente um contraste / pergunta / número concreto que faça as pessoas pararem
Contexto    → 1-2 páginas : explique o histórico / quem você é / por que este tópico
Núcleo       → 3-5 páginas : o conteúdo principal, intercalando Layouts 4/5/6/9/10
Mudança      → 1 página    : quebre a expectativa / proponha uma nova visão

…
Perguntas frequentes

Posso editar a apresentação depois que ela for criada?

Como é um arquivo HTML estático, não é feito para edição colaborativa. Você pode editar o código fonte, mas não é uma ferramenta de edição de slides interativa.

Posso usar imagens na minha apresentação?

Sim, você pode incluir imagens seguindo um padrão de nomeação e local específico. Imagens muito grandes podem afetar a performance.

Quais são os estilos visuais disponíveis?

Existem 5 estilos principais inspirados em revistas como Monocle, WIRED, Kinfolk, Domus e um estilo de laboratório/referência, cada um com cores e layouts recomendados.

Detalhes

Descrição original do autor

For marketing and gtm work: bind launches, campaigns, events, and brand plans to growth and pipeline outcomes. Built around the core query "annual-marketing-plan", with GTM strategy lead judgment, buyer-ready proof, and this outcome: approve launch plan, campaign budget, or GTM motion.

repo: nexu-io/open-design

Popularidade

Estrelas no GitHub
101 mil
Posição no ranking
#420
Licença
Apache-2.0
Atualizada em
16/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas