MagicSlides

Scrivi un titolo e l'AI crea la presentazione dentro Google Slides

Incasso mensile: 9874 USD (fonte indicata nella scheda)

Cosa fa

Componente aggiuntivo di Google Slides: si scrive un titolo, il numero di slide ed eventualmente un testo, e l'AI genera la presentazione completa. Il fondatore lavora da solo, dall'India.

Come guadagna

Abbonamenti, oltre 750 abbonati, quasi 730.000 $ incassati in totale dal 2023. Canali: YouTube e SEO. Incassi verificati con Stripe.

Rendilo tuo

Per insegnanti italiani: lezioni in slide dal programma ministeriale.
Per studenti universitari: slide dalla tesi o dagli appunti.
Componente per Canva o PowerPoint, non solo Google Slides.

Le frasi da scrivere all'AI

1. Base del sito e grafica

Crea un'app web in italiano chiamata "Slide Pronte": un componente aggiuntivo di Google Slides (e un sito) che crea presentazioni complete con l'AI da un titolo, un testo o un PDF, con stili scelti e note per chi parla. Usa React, Vite, TypeScript e Tailwind CSS.

Pagine da creare:
1. Sito: pagina iniziale con esempi e prezzi
2. Pannello laterale in Google Slides: titolo, numero di slide, stile, testo o PDF
3. Anteprima della scaletta da modificare
4. Account e crediti

Stile: pulito: sfondo bianco, arancione #F97316, carattere "Inter"; il pannello laterale segue lo stile di Google. Nessuna immagine generica di stock.

Tutto deve funzionare perfettamente da telefono. Tutti i testi in italiano, chiari e senza parole tecniche.

2. Database, account e sicurezza

Collega il progetto a Supabase e attiva la registrazione con email e password.

Crea queste tabelle:
- "utenti": email Google, piano, crediti
- "presentazioni": titolo, scaletta, data

Regole di sicurezza obbligatorie:
- ognuno vede solo le sue presentazioni
- i crediti si scalano solo dal server
- l'accesso ai file Google è limitato alla presentazione aperta

Usa esattamente il codice SQL che trovi nei "Dettagli tecnici" di questa scheda: eseguilo nel SQL Editor di Supabase prima di continuare, poi collega le pagine alle tabelle.

3. Dalla scaletta alle slide

Il componente si fa con Google Apps Script e si pubblica nel Google Workspace Marketplace. Dal pannello laterale si manda il titolo (o il testo) al tuo server: Claude crea prima una scaletta (titoli delle slide e punti) che l'utente può modificare, poi il contenuto completo con le note per chi parla.

Apps Script crea le slide con l'API di Slides: layout titolo, elenco puntato, immagine e testo, citazione (codice nei Dettagli tecnici). Le immagini si cercano in banche di foto libere (Unsplash, Pexels).

Permessi minimi: il componente chiede solo l'accesso alla presentazione aperta.

4. Crediti e stili

Ogni presentazione costa un credito. Stili predefiniti (colori e caratteri) applicati al tema.

Canale di crescita come MagicSlides: video tutorial su YouTube che rispondono a ricerche precise ("come fare una presentazione su X in 1 minuto").

5. Pagamenti con Stripe

Aggiungi un abbonamento a 6,99 € al mese o 49 € all'anno. Gratis l'utente ha: 3 presentazioni al mese fino a 10 slide. Con il piano Pro sblocca: presentazioni illimitate fino a 40 slide, PDF come fonte e note per chi parla.

A pagamento riuscito il webhook porta l'utente al piano Pro; se l'abbonamento viene disdetto o non rinnovato lo riporta al piano gratuito.

Per la sessione di pagamento e il webhook segui la guida "Pagamenti con Stripe" di Fattibile.

6. Controlli specifici di questo progetto

Oltre ai controlli della guida "Controllo finale", verifica in particolare:
1. Permessi: controlla che il componente chieda solo l'accesso alla presentazione corrente e non a tutto Drive.
Correggi quello che non va e scrivimi cosa hai cambiato.

Dettagli tecnici

Creare le slide con Apps Script

Codice del componente (Apps Script, simile a JavaScript): riceve la presentazione dal server e aggiunge le slide alla presentazione aperta.

// @OnlyCurrentDoc  -> chiede accesso solo alla presentazione aperta
function creaSlide(dati) {
  const pres = SlidesApp.getActivePresentation();
  dati.slide.forEach(function (s) {
    const layout = s.punti ? SlidesApp.PredefinedLayout.TITLE_AND_BODY : SlidesApp.PredefinedLayout.TITLE_ONLY;
    const slide = pres.appendSlide(layout);
    slide.getPlaceholder(SlidesApp.PlaceholderType.TITLE).asShape().getText().setText(s.titolo);
    if (s.punti) {
      slide.getPlaceholder(SlidesApp.PlaceholderType.BODY).asShape().getText().setText(s.punti.join("\n"));
    }
    if (s.note) slide.getNotesPage().getSpeakerNotesShape().getText().setText(s.note);
  });
  return dati.slide.length;
}

Pezzi comuni a tutti i progetti

Glossario

Google Apps Script: Il linguaggio con cui si programmano estensioni per Documenti, Fogli e Presentazioni Google.
Workspace Marketplace: Il negozio dei componenti aggiuntivi per le app di Google.