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
Mensagem pronta para colar
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-pptOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/guizang-ppt/SKILL.md -o SKILL.mdConteú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 | ✓ 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
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
product-lens
Ajuda seu agente a validar ideias de produtos antes de desenvolvê-las. Ele analisa o alinhamento com o mercado e a experiência do usuário para decidir se um produto deve seguir em frente.
affaan-m/ECC
investor-outreach
Ajuda seu agente a escrever e-mails para investidores. Ele cria mensagens personalizadas para pedir investimento ou enviar atualizações.
affaan-m/ECC
release-announcement
Ajuda seu agente a escrever anúncios de lançamentos. Ele foca no que é importante para o usuário e como usar as novidades.
paperclipai/paperclip