arifszn/slide-wright

Crie belas apresentações web a partir de um tópico, anotações ou esboço, e edite decks posteriormente — adicionando, removendo ou revisando slides. Gera um tema personalizado e uma prévia curta de dois slides, e só constrói o deck completo quando o usuário confirmar a direção; edições em um deck existente pulam esse fluxo e aplicam as alterações no local.

O que é slide-wright?

O slide-wright é uma skill de IA especializada em criar apresentações de alto nível, transformando ideias soltas, tópicos ou notas em decks polidos no formato reveal.js. Ao iniciar um novo deck, a skill não constrói a apresentação completa de imediato; ela gera um tema exclusivo, monta uma prévia de dois slides e aguarda aprovação do usuário. Caso o usuário rejeite a direção, a skill descarta a proposta e tenta um estilo claramente diferente, sem reutilizar temas prontos. Para edições em decks existentes, a skill verifica se são baseados em reveal.js — se sim, mantém o tema e aplica as alterações diretamente, sem necessidade de nova aprovação visual. Caso o deck seja HTML mas não use reveal.js, a skill informa que não pode editá-lo. Após finalizar, a skill abre o deck, informa o local, tema e contagem de slides, e oferece ações como exportar PDF, PowerPoint, ou fazer deploy para uma URL pública (Surge, Vercel ou Netlify). O processo é guiado por arquivos de referência que cobrem desde a estrutura da apresentação até animações, código e mídia, garantindo decks coesos e visualmente profissionais.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/arifszn/slide-wright/tree/HEAD/slide-wright

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que slide-wright faz?

Transforme um tópico ou anotações soltas em uma apresentação digna de sala de reunião: slides que parecem saídos de uma equipe forte de estratégia ou produto, entregues como um único arquivo HTML autossuficiente que roda em qualquer navegador.

A regra que define esta skill

Proponha a aparência antes de construir o deck. Na primeira passagem, você nunca produz uma apresentação finalizada. Você gera um tema, constrói uma prévia de dois slides e para até que o usuário aprove a direção. Só então você constrói o restante.

Uma proposta de cada vez, não um menu. Se o usuário disser não, descarte a direção e tente uma claramente diferente. Cada tema é inventado para o deck à sua frente; não existe biblioteca de predefinições.

Novo deck: leia references/new-deck.md primeiro. Ele contém as Etapas 1-4 (elaborar o deck, propor uma aparência, obter um sim, construir) e o ponto de aprovação exato.

O motor (mantenha isto interno)

Os decks são renderizados com reveal.js carregado de uma CDN, mas isso é um detalhe de implementação que o usuário nunca vê. Fale sobre slides, temas e design; o nome da biblioteca aparece apenas dentro das tags <link> e <script> geradas. references/deck-template.md tem a configuração exata.

Editando um deck que já existe

Se o usuário apontar para um deck HTML existente, verifique se ele é baseado em reveal.js (procure pelas tags <link>/<script> do reveal.js vindo de uma CDN). Se for — independentemente de ter sido construído por esta skill ou não — não comece do zero: leia-o, mantenha seu tema e faça a alteração no local. A aparência já foi aprovada, então pule a proposta e o ponto de aprovação. Após editar, execute node <skill-dir>/scripts/check-deck.mjs <deck.html> e corrija cada linha que ele imprimir (references/new-deck.md tem os detalhes).

Nenhum arquivo de referência é necessário para uma edição, a menos que você adicione um novo tipo de exposição (leia references/exhibits.md) ou código ou animação (leia references/code-slides.md ou references/motion-recipes.md).

Se o deck for HTML mas não for baseado em reveal.js (mecanismo diferente, slides simples, etc.), está fora do caminho de edição desta skill — diga isso ao invés de forçar uma reescrita em um mecanismo diferente. Todo o resto aqui é para construir um novo deck.

Etapa 5 — Entrega

  1. Abra o deck finalizado.
  2. Diga onde ele está, o nome do tema e a contagem de slides.
  3. Instrua o usuário sobre como navegar: setas, espaço ou deslizar para mover; F para tela cheia, Esc ou O para a visão geral de slides, S para a visão do apresentador com notas; adicione ?print-pdf à URL e imprima para salvar um PDF (references/export-pdf.md tem os passos); as cores do tema estão nas variáveis :root, as fontes no <link>.
  4. Ofereça os próximos passos óbvios: revisar o conteúdo, mudar o tema, exportar um PDF, exportar um arquivo PowerPoint (references/export-pptx.md), ou implantar em uma URL ativa para compartilhar. Se quiserem implantar, leia references/deploy.md e deixe-os escolher o host (Surge, Vercel ou Netlify) — não assuma um.

Arquivos de referência

Leia-os conforme você os alcança, não todos de uma vez:

  • references/new-deck.md — Etapas 1-4 para um novo deck: elaborar o deck, propor uma aparência, obter um sim, construir
  • references/design-aesthetics.md — o que faz um deck parecer projetado (Etapa 2)
  • references/theme-generation.md — o procedimento para inventar um tema (Etapa 2)
  • references/deck-template.md — o esqueleto HTML, layout e configuração do motor (Etapas 2 e 4)
  • references/exhibits.md — escolher e construir o visual em cada slide de conteúdo (Etapas 2 e 4)
  • references/code-slides.md — slides de código e seu contrato de marcação (Etapa 4)
  • references/motion-recipes.md — animação, quando o usuário solicitar (Etapa 4)
  • references/media.md — imagens e vídeo nos slides (Etapa 4)
  • references/export-pdf.md — salvar um deck como PDF (Etapa 5)
  • references/export-pptx.md — exportar um deck para PowerPoint com texto editável (Etapa 5)
  • references/deploy.md — publicar o deck em uma URL ativa (Etapa 5)

Habilidades Relacionadas