Frontend Slides skill

Você manda o conteúdo, escolhe o visual entre três prévias e recebe um arquivo de slides em HTML que abre no navegador e cabe em qualquer tela.

por affaan-m

instalações: 5.500
estrelas no GitHub: 288,9 mil
No skills.sh desde: maio de 2026
Licença: MIT

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

affaan-m
frontend-slides
Você manda o conteúdo, escolhe o visual entre três prévias e recebe um arquivo de slides em HTML que abre no navegador e cabe em qualquer tela.Auditada5.500 instalações, grátis

O que ela faz

Monta apresentações em HTML que rodam no navegador, num arquivo único com o CSS e o JavaScript dentro. Serve pra pitch, aula, palestra ou reunião interna, do zero, a partir de anotações ou convertendo um .ppt ou .pptx que você já tem, mantendo a ordem, as imagens e as notas do apresentador.

Em vez de perguntar que estilo você quer, o agente pergunta que sensação a apresentação deve passar e gera três prévias de um slide cada, pra você escolher ou misturar. A skill proíbe cara de template genérico, como degradê roxo e fonte Inter em fundo branco.

Cada slide tem que caber inteiro na tela, sem rolagem: se o conteúdo não cabe, vira dois slides, nunca letra miúda. Tem navegação por teclado, toque e rolagem do mouse, barra de progresso, animação ao entrar e respeito a quem desliga animação. O agente testa do monitor grande ao celular.

Nas palavras de quem fez

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a…

affaan-m, no SKILL.md

Quando usar

Montar o pitch de uma proposta pra cliente
Transformar um PowerPoint velho numa apresentação com cara nova
Preparar os slides de uma aula ou de uma live
Fazer uma apresentação que abre no navegador, até no celular

Depois de instalar, é só pedir assim

Cria uma apresentação de 10 slides vendendo meu serviço de criação de sites pra pequenos negócios
Converte a minha proposta.pptx numa apresentação em HTML e mantém as notas do apresentador
Melhora o visual e as animações dessa apresentação em HTML que eu já tenho

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
SocketPassou
SnykPassou

Perguntas

Como instalar a Frontend Slides 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 Frontend Slides, 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.

Precisa de PowerPoint ou de algum programa?

Pra criar do zero, não: o resultado é um HTML que abre em qualquer navegador. Pra converter .pptx, o agente usa Python 3 com a biblioteca python-pptx e, se ela não estiver instalada, pergunta se pode instalar. Não pede chave de API nem conta paga.

Dá pra mexer no visual depois?

Dá. Cores e fontes ficam em variáveis do CSS, e na entrega o agente diz onde está o arquivo, que estilo usou, quantos slides saíram e onde trocar o tema.

Funciona no Codex e no Antigravity?

A skill não usa nada exclusivo do Claude Code: é escrever HTML e, na conversão, rodar Python. O repositório ECC ainda traz cópias dela nas pastas .agents e .cursor, usadas por outros agentes.

Levar essa skill

1x frontend-slidesR$ 0,00

TotalR$ 0,00

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

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.