Guida originale di Alex Chen (@nocodealex)

Un cubetto di feltro arancione
Il simbolo di Claude Il simbolo di GitHub
Guida · Claude Code · Frontend Slides

Trasforma il tuo PowerPoint in una presentazione web

Frontend Slides è una skill gratuita e open source per Claude Code: gli dai il tuo vecchio PowerPoint e lui lo ricostruisce come una presentazione animata che gira nel browser. Come installarla in due messaggi e come convertire il primo file.

5minuti di lettura 2prompt da copiare 2passi

La maggior parte delle presentazioni si somiglia perché nessuno ha il tempo di fare la grafica. Frontend Slides fa la parte grafica al posto tuo: prende il contenuto che hai già, o un vecchio PowerPoint, e lo trasforma in un mazzo di slide animate che si apre in qualsiasi browser.

Ecco cosa fa, come metterla in piedi con due messaggi, e come convertire il primo file.

Cosa fa

  • Converte un PowerPoint: tira fuori il testo, le immagini e le note del relatore da ogni slide, ti mostra cosa ha trovato, e poi ricostruisce il mazzo con le tue immagini originali.
  • Mostra, non chiede: invece di farti descrivere uno stile a parole, costruisce 3 anteprime una accanto all'altra e tu ne scegli una.
  • 12 stili pronti (4 scuri, 4 chiari, 4 speciali, fra cui Bold Signal, Notebook Tabs, Swiss Modern e Paper & Ink) più 34 modelli d'impatto opzionali, scelti per evitare il look da AI.
  • Un file HTML solo con CSS e animazioni dentro. Niente npm, niente strumenti di build, niente da mettere online se non vuoi.
  • Funziona anche da zero: gli dici di cosa parli e lui scrive le slide.
I 34 modelli disponibili nella libreria

I numeri del progetto

Più di 31.000 stelle su GitHub, licenza MIT, codice aperto. I 34 modelli aggiuntivi stanno in un secondo repository (beautiful-html-templates), anche quello MIT e con quasi 5.000 stelle.

Installa la skill passo 1 · una volta sola

  1. In Claude Code, manda questo messaggio da solo per aggiungere il progetto al marketplace.
Il marketplaceda scrivere in Claude Code
/plugin marketplace add https://github.com/zarazhangrui/frontend-slides
  1. Quando ha finito, manda questo per installare la skill.
La skillda scrivere in Claude Code
/plugin install frontend-slides@frontend-slides

Converti il primo file passo 2

  1. Metti il tuo .pptx nella cartella in cui apri Claude Code.
  2. Scrivi /frontend-slides:frontend-slides (oppure /frontend-slides se hai clonato a mano) e chiedigli di convertire il file.
  3. Controlla le slide, le immagini e le note che ha estratto, e conferma.
  4. Scegli uno dei 3 stili che ti mostra. Claude costruisce il mazzo e lo apre nel browser.
Il messaggio da incollaredopo aver lanciato la skill
Usa la skill frontend-slides per convertire la mia presentazione.pptx in una presentazione web. Tieni tutte le immagini e le note del relatore. Fammi vedere prima 3 anteprime di stile, di cui almeno una con un modello d'impatto, e non usare sfumature viola.

I limiti da sapere

Il progetto si aggiorna

Frontend Slides è un progetto open source attivo. Gli stili, i modelli e i comandi possono cambiare: se qualcosa non torna, controlla il README del repository su GitHub.

Salvalae girala

Tienila per la prossima presentazione, e mandala a chi passa ancora un pomeriggio a spostare caselle in PowerPoint.