Revealjs skill

Você passa o conteúdo e o Claude entrega uma apresentação em HTML com cores pensadas pro assunto, que abre em qualquer navegador.

por ryanbbrown

instalações: 733
estrelas no GitHub: 418
No skills.sh desde: janeiro de 2026
Licença: MIT

Atualizada no GitHub em 2 de maio de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

ryanbbrown
revealjs
Você passa o conteúdo e o Claude entrega uma apresentação em HTML com cores pensadas pro assunto, que abre em qualquer navegador.733 instalações, grátis

O que ela faz

O reveal.js é uma biblioteca de slides que roda no navegador. Com a skill, o Claude cria dois arquivos: o HTML com os slides, que carrega o reveal.js da internet, e o CSS com cores, fontes e layouts. Não tem etapa de build: é abrir o arquivo e apresentar.

Antes de escrever código, o Claude diz qual paleta e qual tom escolheu pro assunto (a skill traz 18 paletas de partida). Um script gera o esqueleto com slides, divisórias de seção e pilhas verticais; depois ele preenche slide por slide, variando o layout com colunas, citações, ícones e gráficos do Chart.js.

No fim, outro script confere se algum conteúdo vazou da borda, e o Decktape tira um print de cada slide pro Claude revisar um por um. A skill também traz um editor que abre a apresentação no navegador pra você clicar no texto e corrigir à mão.

Nas palavras de quem fez

Create polished, professional reveal.js presentations. Use when the user asks to create slides, a presentation, a deck, or a slideshow. Supports themes,…

ryanbbrown, no SKILL.md

Quando usar

Montar a apresentação de uma proposta pra cliente
Transformar um relatório ou roteiro de aula em slides
Fazer um deck de resultados com gráficos de barra e pizza
Preparar slides com notas do orador pra uma palestra
Ter uma apresentação que abre em qualquer navegador, sem PowerPoint

Depois de instalar, é só pedir assim

Cria uma apresentação em reveal.js de 10 slides com esse roteiro da minha aula de tráfego pago
Monta um deck de resultados do trimestre com um gráfico de barras do faturamento mês a mês
Faz os slides da proposta pra essa clínica, com as cores da marca dela e notas do que eu vou falar em cada slide

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

Gen Agent Trust HubPassou
SocketAlerta
SnykPassou

Perguntas

Como instalar a Revealjs no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Revealjs, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que a revealjs skill precisa pra funcionar?

Do Node.js pra rodar os scripts do esqueleto e do editor. A conferência de vazamento usa o Puppeteer (npm install puppeteer) e os prints saem do Decktape, que roda pelo npx. Não tem chave de API nem conta paga. Pra apresentar, basta um navegador com internet, porque o reveal.js é carregado de fora.

Ela gera arquivo de PowerPoint?

Não. O resultado é HTML com CSS. No caminho dos prints o Decktape também exporta um PDF, mas não sai .pptx pra editar no PowerPoint ou no Google Slides.

Roda no Codex e no Antigravity?

Roda em qualquer agente que lê e edita arquivos e executa comandos: os scripts são Node e o resto é instrução em texto. A revisão slide a slide depende de o agente conseguir abrir imagem.

Levar essa skill

1x revealjsR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/ryanbbrown/revealjs-skill

Aprenda a usar

Proposta Comercial de Site: modelo que fecha
Como montar uma proposta comercial de criação de site que o cliente aprova no WhatsApp: por que mostrar o site pronto vende mais que PDF de 15 páginas.