Vai alla guida all’uso
md-slidesdi Alireza Rezvani

MD Slides Skill.

Uno skill per Claude Code e Codex per PPT e presentazioni: converte una presentazione Markdown in slide brandizzate.

  • Presentations
  • Slide 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
Intestazione e intestazioni di sezione lette dal file upstream il 14/09/2026 · 6.506 caratteri in totale

01 Cosa fa

Cosa fa la Skill md-slides in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

md-slides converte un deck markdown in una presentazione HTML a file unico eseguibile in qualsiasi browser. Un deck è composto da slide separate da confini HR --- o da titoli H1, con blocchi opzionali di note per il relatore <!-- notes: ... -->. Una pipeline di tre script Python stdlib: slide_splitter.py, presenter_notes_parser.py, deck_html_renderer.py.

L'output include navigazione da tastiera, deep linking tramite hash URL, una barra di avanzamento e il contatore delle slide, una modalità relatore con orologio e anteprima della slide successiva, e un foglio di stile per la stampa per l'esportazione in PDF con una slide per pagina. Riutilizza il parser markdown di md-document e legge i token del design system tramite config_loader.py. Rifiuta input senza confini di slide chiari, deck di 1 slide, file sotto le 100 righe e deck che non superano la copertura del 50% con --strict-notes.

Che cosa produce

  • Il deck HTML generato, scritto come deck-{slug}.html nella directory di output predefinita risolta, con -2, -3 e così via aggiunti in caso di collisioni.
  • File JSON intermedi che contengono le slide suddivise e poi le slide con le rispettive note allegate.
  • Un PDF con una slide per pagina, prodotto tramite il foglio di stile per la stampa, stampando dal browser.
Vedi l'esempio di prompt ↗

Come funziona

  1. 01
    Suddividere il Deck in Slide Ordinate

    slide_splitter.py legge il markdown di origine e lo suddivide in base alle righe HR --- o ai titoli H1, rilevando automaticamente lo stile del confine per impostazione predefinita, e scrive un elenco ordinato di slide.

  2. 02
    Allegare Note per il Relatore a Ogni Slide

    presenter_notes_parser.py analizza ogni slide alla ricerca di blocchi di note e li allega a quella slide, in modo che la modalità relatore abbia qualcosa da mostrare nel pannello a destra.

  3. 03
    Renderizzare il Deck HTML a File Unico

    deck_html_renderer.py combina le slide con i token del design system e genera il deck, accettando un titolo e un percorso di output dalla riga di comando.

  4. 04
    Applicare i Token del Design System

    Dodici proprietà CSS personalizzate del brand provengono dal design system, e design_style modifica la densità dei layout delle slide.

  5. 05
    Rifiuta Input Che Non Sono Presentazioni

    Lo skill si interrompe invece di convertire quando l'input non ha confini di slide chiari, produrrebbe una singola slide, oppure non supera il gate di copertura delle note con --strict-notes.

02 Trova la tua applicazione

Quando usare lo skill md-slides

Usa lo skill md-slides in Claude Code o Codex quando il lavoro riguarda PPT e presentazioni di questo tipo. Limiti e applicabilità sono presi dal file dello skill stesso.

Buona applicazione

  • Un orchestratore ha classificato l'input come SLIDES e lo ha instradato qui.
  • Qualcuno invoca lo skill direttamente su un file markdown con lo slash command.
  • Il markdown ha già 3 o più righe HR --- oppure 5 o più intestazioni H1 con corpi brevi.
  • La presentazione verrà mostrata dal vivo, ed è esattamente in quel caso che le note del presentatore contano, mentre nella lettura autonoma diventano opzionali.

Conosci i limiti

  • L'input è una specifica lunga piuttosto che una presentazione; dovrebbe andare a md-document.
  • L'input è una code review, che appartiene a md-review.
  • Non è uno strumento di graphic design: quello spazio è di Keynote e PowerPoint, mentre questo gestisce presentazioni scritte in markdown e proiettate da un browser.

Cosa fornire

  • Il file della presentazione in markdownIl suo percorso viene passato a slide_splitter.py con --input, e il risultato della suddivisione viene scritto in un file JSON con --output.
  • Stile dei confiniLe slide devono essere distinguibili, tramite confini HR --- oppure tramite intestazioni H1, così che lo splitter abbia un punto su cui tagliare.
  • Note del presentatore opzionaliLe note vengono fornite come blocchi di commento HTML all'interno delle slide e vengono analizzate e associate a ciascuna slide dal secondo passaggio della pipeline.

03 Dentro la skill

Regole Che lo Skill md-slides Fornisce a Claude Code e Codex

8 istruzioni concrete, valori predefiniti e limiti che il SKILL.md imposta per l'agente — la parte del file che cambia il risultato.

  1. Requisito dei Confini

    La modalità automatica richiede almeno 3 righe HR o almeno 5 intestazioni H1 nella fonte; se nessuna delle due è presente, lo skill si rifiuta e l'input dovrebbe andare invece a md-document.

  2. Nessun Output a Slide Singola

    Una presentazione che si riduce a una sola slide viene rifiutata come poster, non come presentazione, con codice di uscita 5.

  3. Minimo 100 Righe di Origine

    Gli input più corti di 100 righe vengono rifiutati, usando la stessa soglia Shihipar applicata in tutti i convertitori.

  4. Gate di Onboarding

    Lo skill si rifiuta di funzionare senza onboarding, lo stesso gate usato da ogni convertitore.

  5. Copertura Rigorosa delle Note

    Con --strict-notes lo skill rifiuta una presentazione in cui meno del 50% delle slide contiene note, perché non è configurata per la modalità presentatore; questo rifiuto esce con codice 7.

  6. Avvisa in Caso di Slide Troppo Lunghe

    Le presentazioni con più di 40 righe sorgente generano un avviso leggero sul rapporto segnale/rumore; il deck viene comunque renderizzato, ma il conteggio viene evidenziato.

  7. Mantieni l'output a file unico

    Tutti i CSS e i JS sono incorporati inline; l'unica risorsa esterna è il CSS di Google Fonts, e Prism.js è opzionale tramite --syntax piuttosto che incluso di default.

  8. Nessun Runtime di Framework

    Il deck usa JavaScript vanilla e gestori di eventi da tastiera soltanto, senza alcun runtime React, Vue o Svelte.

04 Mettila al lavoro

Installa md-slides in Claude Code o Codex

Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

Aggiungi md-slides a Claude Code, Codex o al Tuo Agente

Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

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

Forma generica del CLI skills per markdown-html/skills/md-slides/SKILL.md; il repository può documentare un proprio percorso.

Assegna allo skill un primo compito PPT e presentazioni

Redatto nei termini propri della skill; sostituisca le parti tra parentesi con il suo materiale.

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: redatto a partire dal SKILL.md, nei termini propri della skill.

Verifica il primo risultato

Ciò che il SKILL.md stesso indica come risultato corretto:

  • Apri il deck in un browser e prova i tasti: freccia, Barra spaziatrice e PgDn avanzano, PgUp torna indietro, Home e End saltano, P attiva la modalità presentatore, Esc la chiude.
  • Testa i link diretti: #3 dovrebbe saltare alla diapositiva 3, avanti e indietro nel browser dovrebbero scorrere le diapositive, e un deck.html#5 condiviso dovrebbe aprirsi direttamente sulla diapositiva 5.
  • Controlla il contatore di diapositive nell'angolo in basso a destra, che appare come "3 / 12", rispetto alla lunghezza del deck.
  • Verifica che la media query reduced-motion venga rispettata, così l'animazione viene eliminata per chi richiede meno movimento.

In OpenDesign importa md-slides dal suo link SKILL.md: Plugins → Add → Skill → Import from link, poi selezionalo nella barra superiore.

05 Open source, tracciabile

Sorgente, licenza e verifica

Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

File della skill
markdown-html/skills/md-slides/SKILL.md Checksum del contenuto registrato alla verifica; commit 19392f7
License
MIT Da LICENSE.
Stelle del repository
25.934 Snapshot GitHub scattata il 2026-09-14 per l'intero repository alirezarezvani/claude-skills, che contiene 5 skill in questo catalogo. Non è una valutazione o un conteggio di utilizzo per md-slides.
Verificato da OpenDesign
14/09/2026 File sorgente, percorso, testo della licenza e conteggio delle stelle sono stati verificati. Non inclusa in OpenDesign main (verificato il 28/08/2026); un'esecuzione live non è stata registrata in questa pagina.

All'interno di SKILL.md

  1. Quando invocarloSintomi di routing, oltre a quali input vanno rifiutati o inviati altrove.
  2. PipelineTre comandi che dividono, analizzano le note e renderizzano il deck.
  3. Cosa viene incluso nell'HTMLNavigazione, link diretti, modalità presentatore, foglio di stile per la stampa, token, riutilizzo del parser.
  4. Regole rigideSoglie di rifiuto, avvisi leggeri e vincoli di output a file unico.
  5. Libreria di domande vincolanti (disciplina Matt Pocock grill)Cinque domande da chiarire prima di convertire un file sorgente.
  6. Distinto daIn cosa si differenzia da md-document, md-review, landing page, Keynote.
  7. Artefatto in outputRisoluzione del percorso di output e convenzione del suffisso in caso di collisione.
  8. RiferimentiFonti e canone alla base delle convenzioni del deck.
Descrizione della skill
Converte un deck markdown (slide separate da confini HR `---` o da intestazioni H1 `# `, con blocchi opzionali di note per il relatore `<!-- notes: ... -->`) in una presentazione HTML a file singolo con navigazione da tastiera frecce / spazio / PgGiù / PgSu / Home / End / P / Esc, modalità relatore (vista divisa con slide corrente + note + orologio + anteprima slide successiva), deep linking URL-hash e `@media print` pagina-per-slide per esportazione PDF. Si attiva quando markdown-html-orchestrator classifica un input come SLIDES, o quando invocato direttamente via /cs:md-slides. Riutilizza il parser markdown di md-document per il rendering del corpo delle slide e legge i token del design-system via config_loader.py. Rifiuta se l'input non ha confini di slide chiari, produce un deck di 1 slide o `--strict-notes` è attivo con copertura di note < 50%. Usa dopo il routing dell'orchestrator.

Descrizione front-matter da SKILL.md. Il file completo è di circa 6.506 caratteri. Leggi il file completo su GitHub.

06 Prima di installare

Domande sullo Skill md-slides

Le risposte provengono dal SKILL.md letto il 2026-09-14, non da un'esecuzione registrata.

Quali agenti di codice possono eseguire questo skill?

Il file elenca claude-code, codex-cli, cursor, antigravity, opencode e gemini-cli come strumenti compatibili, e può anche essere attivato dal markdown-html-orchestrator quando classifica un input come SLIDES.

E se il mio markdown non ha confini chiari tra le diapositive?

Lo skill si rifiuta invece di indovinare ed esce con codice 6; il passo successivo documentato è instradare quel file a md-document, che gestisce un documento continuo unico piuttosto che diapositive distinte.

Come si ottiene un PDF dalla presentazione?

Utilizzare il foglio di stile per la stampa: stampando dal browser si ottiene un PDF con una diapositiva per pagina, quindi l'esportazione non richiede strumenti separati.

MD Slides

Esegui md-slides su un Task Reale di PPT e Mazzi di Slide.

Scarica OpenDesign, importa md-slides dal suo link SKILL.md, incolla il prompt sopra e leggi il piano prima del risultato.

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

OpenDesign Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS e Windows