Ir para o guia de uso
md-slidespor Alireza Rezvani

MD Slides Skill.

Um skill para Claude Code e Codex voltado a PPT e apresentações: converte um deck em Markdown em slides com identidade visual.

  • Presentations
  • Slides HTML
alirezarezvani/claude-skills · markdown-html/skills/md-slides/SKILL.mdSKILL.md
--- name: md-slides description: Converts a markdown deck (slides separated by `---` HR boundaries or by `# ` H1 headings, with optional `<!-- notes: ... -->` presenter notes blocks) into a single-file HTML presentation with arrow-key / space / PgDn / PgUp / Home / End / P / Esc keyboard navigation, presenter mode (split view with current slide + speaker notes + clock + next-slide preview), URL-hash deep linking, and `@media print` page-per-slide … --- ## When to invoke ## Pipeline ## What ships in the HTML ## Hard rules ## Forcing-question library (Matt Pocock grill discipline) ## Distinct from
Cabeçalho e títulos de seção lidos do arquivo upstream em 2026-09-14 · 6.506 caracteres no total

01 O que faz

O que a Skill md-slides Faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

O md-slides converte um deck em markdown em uma apresentação HTML de arquivo único que roda em qualquer navegador. Um deck é composto por slides separados por delimitadores HR --- ou títulos H1, com blocos opcionais de notas do apresentador <!-- notes: ... -->. Um pipeline de três scripts Python da stdlib: slide_splitter.py, presenter_notes_parser.py, deck_html_renderer.py.

A saída inclui navegação por teclado, deep linking via hash na URL, uma barra de progresso e contador de slides, modo apresentador com relógio e pré-visualização do próximo slide, e uma folha de estilo de impressão para exportação em PDF com um slide por página. Ele reutiliza o parser de markdown do md-document e lê os tokens do design system via config_loader.py. Ele rejeita entradas sem limites claros de slide, decks com apenas 1 slide, arquivos com menos de 100 linhas e decks que não atingem a cobertura de 50% em --strict-notes.

O que ele produz

  • O deck HTML renderizado, gravado como deck-{slug}.html no diretório de saída padrão resolvido, com -2, -3 e assim por diante anexados em caso de colisões.
  • Arquivos JSON intermediários que armazenam os slides divididos e, depois, os slides com suas notas anexadas.
  • Um PDF com um slide por página, gerado por meio da folha de estilo de impressão ao imprimir a partir do navegador.
Veja o exemplo de prompt ↗

Como funciona

  1. 01
    Dividir o Deck em Slides Ordenados

    O slide_splitter.py lê o markdown de origem e o divide em linhas HR --- ou títulos H1, detectando automaticamente o estilo de delimitação por padrão, e grava uma lista ordenada de slides.

  2. 02
    Anexar Notas do Apresentador por Slide

    O presenter_notes_parser.py examina cada slide em busca de blocos de notas e os anexa a esse slide, para que o modo apresentador tenha algo a mostrar no painel do lado direito.

  3. 03
    Renderizar o Deck HTML de Arquivo Único

    O deck_html_renderer.py combina os slides com os tokens do design system e gera o deck, recebendo um título e um caminho de saída pela linha de comando.

  4. 04
    Aplicar Tokens do Design System

    Doze custom properties CSS de marca vêm do design system, e o design_style altera a densidade dos layouts dos slides.

  5. 05
    Recusar Entradas Que Não Sejam Apresentações

    O skill encerra em vez de converter quando a entrada não tem limites de slide claros, resultaria em um único slide ou falha no gate de cobertura de notas sob --strict-notes.

02 Encontre o ideal para você

Quando Usar a Skill md-slides

Use a skill md-slides no Claude Code ou Codex quando o trabalho for PPT e apresentações de slides deste tipo. Adequação e limites abaixo são retirados do próprio arquivo da skill.

Boa Combinação

  • Um orquestrador classificou a entrada como SLIDES e a encaminhou para aqui.
  • Alguém invoca o skill diretamente em um arquivo markdown com o comando de barra.
  • O markdown já tem 3 ou mais linhas HR --- , ou 5 ou mais títulos H1 com corpos curtos.
  • A apresentação será apresentada ao vivo, exatamente quando as notas do apresentador importam e a leitura no próprio ritmo as torna opcionais.

Conheça os Limites

  • A entrada é uma especificação longa em vez de uma apresentação; isso deveria ir para md-document.
  • A entrada é uma revisão de código, que pertence a md-review.
  • Não é uma ferramenta de design gráfico: Keynote e PowerPoint dominam esse espaço, enquanto este lida com apresentações escritas em markdown e projetadas a partir de um navegador.

O Que Fornecer

  • O arquivo de apresentação em markdownSeu caminho é passado para slide_splitter.py com --input, e o resultado da divisão é gravado em um arquivo JSON com --output.
  • Estilo de limiteOs slides devem ser distinguíveis, seja por limites HR --- ou por títulos H1, para que o divisor tenha algo em que se basear para cortar.
  • Notas de apresentador opcionaisAs notas são fornecidas como blocos de comentário HTML dentro dos slides e são analisadas e anexadas por slide pela segunda etapa do pipeline.

03 Dentro da skill

Regras que o Skill md-slides Dá ao Claude Code e Codex

8 instruções concretas, padrões e limites que o SKILL.md define para o agente — a parte do arquivo que muda o resultado.

  1. Requisito de Limite

    O modo automático precisa de pelo menos 3 linhas HR ou pelo menos 5 títulos H1 na fonte; se nenhum estiver presente, o skill se recusa e a entrada deveria ir para md-document.

  2. Sem Saída de Slide Único

    Uma apresentação que se renderiza em um único slide é rejeitada como um pôster, não uma apresentação, com código de saída 5.

  3. Mínimo de 100 Linhas de Origem

    Entradas com menos de 100 linhas são recusadas, usando o mesmo limite Shihipar aplicado em todos os conversores.

  4. Gate de Onboarding

    O skill se recusa a executar sem onboarding, o mesmo gate que todo conversor usa.

  5. Cobertura Estrita de Notas

    Com --strict-notes o skill recusa uma apresentação em que menos de 50% dos slides tenham notas, porque não está configurada para o modo de apresentador; essa recusa sai com código 7.

  6. Avisar Sobre Slides Muito Longos

    Slides com mais de 40 linhas de origem geram um aviso leve sobre relação sinal-ruído; o deck ainda é renderizado, mas a contagem é exibida.

  7. Manter a saída em arquivo único

    Todo o CSS e JS são incorporados inline; o único recurso externo é o CSS do Google Fonts, e o Prism.js é opcional via --syntax em vez de ser incluído por padrão.

  8. Sem Runtime de Framework

    O deck usa apenas JS puro e manipuladores de eventos de teclado, sem envolvimento de runtime React, Vue ou Svelte.

04 Coloque em prática

Instalar md-slides no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicionar md-slides ao Claude Code, Codex ou Seu Agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

Terminal
npx skills add https://github.com/alirezarezvani/claude-skills --skill md-slides

Forma genérica do CLI skills para markdown-html/skills/md-slides/SKILL.md; o repositório pode documentar seu próprio caminho.

Dê à skill uma primeira tarefa de PPT e apresentações de slides

Escrito nos próprios termos do skill; substitua as partes entre colchetes pelo seu material.

Starter prompt
Convert [deck.md] into a presentation. It uses --- HR boundaries for slides and each slide has a <!-- notes: ... --> block. Title it "[Talk title]" and run it with --strict-notes, since it will be presented live rather than read on its own. Write the result to [output/deck.html].

Fonte: escrito a partir do SKILL.md nos próprios termos do skill.

Verifique o Primeiro Resultado

O que o próprio SKILL.md diz sobre como é um resultado correto:

  • Abra o deck em um navegador e teste as teclas: setas, Espaço e PgDn avançam, PgUp volta, Home e End saltam, P alterna o modo apresentador, Esc sai dele.
  • Teste o deep linking: #3 deve saltar para o slide 3, avançar e voltar no navegador deve percorrer os slides, e um deck.html#5 compartilhado deve abrir diretamente no slide 5.
  • Verifique o contador de slides no canto inferior direito, que aparece como "3 / 12", em relação ao comprimento do deck.
  • Confirme que a media query de movimento reduzido é respeitada, de modo que a animação seja removida para quem solicita menos movimento.

No OpenDesign importe o md-slides a partir do link do seu SKILL.md: Plugins → Add → Skill → Import from link, depois selecione-o na barra superior.

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Arquivo da skill
markdown-html/skills/md-slides/SKILL.md Checksum de conteúdo registrado na verificação; commit 19392f7
License
MIT De LICENSE.
Estrelas do repositório
25.934 Snapshot do GitHub tirado em 2026-09-14 para todo o repositório alirezarezvani/claude-skills, que contém 5 skills neste catálogo. Não é uma avaliação ou contagem de uso para md-slides.
Verificado pelo OpenDesign
14/09/2026 Arquivo de origem, caminho, texto da licença e contagem de estrelas foram verificados. Não integrado ao OpenDesign principal (verificado em 28/08/2026); uma execução ao vivo não foi registrada nesta página.

Dentro do SKILL.md

  1. Quando invocarSintomas de roteamento, além de quais entradas devem ser recusadas ou enviadas para outro lugar.
  2. PipelineTrês comandos que dividem, analisam notas e renderizam o deck.
  3. O que é entregue no HTMLNavegação, deep linking, modo apresentador, folha de estilo para impressão, tokens, reuso do parser.
  4. Regras rígidasLimiares de recusa, avisos leves e restrições de saída em arquivo único.
  5. Biblioteca de perguntas forçadas (disciplina de grelha de Matt Pocock)Cinco perguntas a resolver antes de converter um arquivo de origem.
  6. Diferente deComo se diferencia de md-document, md-review, landing pages, Keynote.
  7. Artefato de saídaResolução do caminho de saída e a convenção de sufixo de colisão.
  8. ReferênciasFontes e cânone por trás das convenções do deck.
A Descrição da Própria Skill
"Converte um deck markdown (slides separados por limites HR `---` ou por cabeçalhos H1 `# `, com blocos opcionais de notas do apresentador `<!-- notes: ... -->`) em uma apresentação HTML de arquivo único com navegação por teclado via setas / espaço / PgDn / PgUp / Home / End / P / Esc, modo apresentador (visualização dividida com slide atual + notas do orador + relógio + prévia do próximo slide), deep linking por hash de URL, e `@media print` página por slide para exportação PDF. Ativa quando o markdown-html-orchestrator classifica uma entrada como SLIDES, ou quando invocado diretamente via /cs:md-slides. Reutiliza o parser markdown do md-document para renderizar o corpo do slide e lê tokens de design-system via config_loader.py. Recusa se a entrada não tem limites claros de slide, produz um deck de 1 slide, ou se `--strict-notes` está ativo com cobertura de notas < 50%. Use após roteamento do orchestrator."

Descrição de front-matter do SKILL.md. O arquivo completo tem cerca de 6.506 caracteres. Leia o arquivo completo no GitHub.

06 Antes de instalar

Perguntas Sobre a Skill md-slides

As respostas vêm do SKILL.md conforme lido em 2026-09-14, e não de uma execução registrada.

Quais agentes de código podem executar esta skill?

O arquivo lista claude-code, codex-cli, cursor, antigravity, opencode e gemini-cli como ferramentas compatíveis, e também pode ser acionado pelo markdown-html-orchestrator ao classificar uma entrada como SLIDES.

E se meu markdown não tiver limites claros de slide?

A skill se recusa em vez de adivinhar e sai com o código 6; o próximo passo documentado é rotear esse arquivo para o md-document, que trata de um documento contínuo em vez de slides discretos.

Como faço para gerar um PDF a partir da apresentação?

Use a folha de estilo de impressão: imprimir a partir do navegador produz um PDF com um slide por página, então a exportação não precisa de ferramentas separadas.

MD Slides

Execute md-slides em uma Tarefa Real de PPT e Decks de Slides.

Baixe OpenDesign, importe md-slides a partir do link SKILL.md, cole o prompt acima e leia o plano antes do resultado.

Terminal
npx skills add https://github.com/alirezarezvani/claude-skills --skill md-slides

OpenDesign Desktop

Um design system. Sua marca consistente em tudo

No Vibe Design Workspace completo, aplique as mesmas regras de marca a sites, apresentações, protótipos interativos, dashboards, imagens e vídeos HTML. Conecte Codex, Claude Code, Cursor e outros agentes de código locais e crie de graça.

  • Sites, apresentações, protótipos, dashboards, imagens e vídeo
  • Mais de 140 design systems e a biblioteca completa de templates e skills
  • Codex local e mais de 21 agentes de código · Grátis
Baixar grátis

Disponível para macOS e Windows